HTML uslublar
HTML style atributi elementga rang, shrift, o‘lcham va boshqalar kabi uslublarni qo‘shishda ishlatiladi.
HTML style atributi
HTML elementining uslubini style atributi orqali o‘rnatish mumkin.
HTML style atributining sintaksisi quyidagicha:
<tagname style="property:value;">
Xususiyat — CSS xususiyati. Qiymat — CSS qiymati.
CSS haqida batafsil ushbu qo‘llanmaning keyingi qismlarida o‘rganasiz.
Fon rangi
CSS background-color xususiyati HTML elementining fon rangini belgilaydi.
Misol
Sahifaning fon rangini powderblue qilib belgilang:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
O‘zingiz sinab ko‘ring »
Misol
Ikkita turli element uchun fon rangini belgilang:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
O‘zingiz sinab ko‘ring »
Matn rangi
CSS color xususiyati HTML elementining matn rangini belgilaydi:
Misol
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
O‘zingiz sinab ko‘ring »
Fonts
CSS font-family xususiyati HTML elementi uchun ishlatiladigan
shrift belgilaydi:
Misol
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
O‘zingiz sinab ko‘ring »
Matn o‘lchami
CSS font-size xususiyati HTML elementi uchun matn o‘lchamini belgilaydi:
Misol
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
O‘zingiz sinab ko‘ring »
Matn tekislanishi
CSS text-align xususiyati HTML elementi uchun matnning gorizontal tekislanishini belgilaydi:
Misol
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
O‘zingiz sinab ko‘ring »
Bob xulosasi
- HTML elementlarini uslublash uchun
styleatributidan foydalaning - Fon rangi uchun
background-colordan foydalaning - Matn ranglari uchun
colordan foydalaning - Matn shriftlari uchun
font-familydan foydalaning - Matn o‘lchamlari uchun
font-sizedan foydalaning - Matn tekislanishi uchun
text-aligndan foydalaning
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
