Style

HTML uslublari

HTML style atributi elementlarga rang, shrift, o'lcham va boshqa uslublarni qo'shish uchun ishlatiladi.

Misol

<p style="color: red;">Men Qizilman</p>
<p style="color: blue;">Men Ko'kman</p>
<p style="font-size: 200%;">Men Kattaman</p>

HTML elementining uslubini o'rnatish style atributi bilan amalga oshiriladi.

HTML style atributining sintaksisi quyidagicha:

<tagname style="property:value;"></tagname>

CSS haqidagi darsligimizda u haqida ko'proq bilib olasiz.

CSS background-color xususiyati HTML elementi uchun fon rangini belgilaydi.

Misol

Sahifaning fon rangini powderblue rangiga o'rnating:

<body style="background-color: powderblue;">
  <h1>Bu sarlavha</h1>
  <p>Bu bir parcha matn.</p>
</body>

Ikki xil element uchun fon rangini o'rnating:

<body>
  <h1 style="background-color: powderblue;">Bu sarlavha</h1>
  <p style="background-color: tomato;">Bu bir parcha matn.</p>
</body>

CSS color xususiyati HTML elementi uchun matn rangini belgilaydi:

Misol

<h1 style="color: blue;">Bu sarlavha</h1>
<p style="color: red;">Bu bir parcha matn.</p>

CSS font-family xususiyati HTML elementi uchun ishlatiladigan shriftni belgilaydi:

Misol

<h1 style="font-family: verdana;">Bu sarlavha</h1>
<p style="font-family: courier;">Bu bir parcha matn.</p>

CSS font-size xususiyati HTML elementi uchun matn o'lchamini belgilaydi:

Misol

<h1 style="font-size: 300%;">Bu sarlavha</h1>
<p style="font-size: 160%;">Bu bir parcha matn.</p>

CSS text-align xususiyati HTML elementi uchun matnning gorizontal boshqarishni belgilaydi:

Misol

<h1 style="text-align: center;">Markazlangan Sarlavha</h1>
<p style="text-align: center;">Markazlangan parcha.</p>