MohirDox

Ko'rinishi

HTML Uslublari ​

HTML style atributi elementga uslub qo‘shish uchun ishlatiladi, masalan rang, shrift, o‘lcham va boshqalar.

Misol ​

html
<p style="font-size:20px;color:red;">Men Qizilman</p>
<p style="font-size:20px;color:blue;">Men Ko‘kman</p>
<p style="font-size:36px;margin:12px 0">Men Kattaman</p>

HTML Style Atributi ​

HTML elementining uslubini o‘rnatish uchun style atributidan foydalaniladi.

HTML style atributining sintaksisi quyidagicha:

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

property — CSS xossasi. value — CSS qiymati.

TIP

CSS haqida batafsil keyingi darslarda o‘rganasiz.

Orqa Fon Rangi ​

CSS background-color xossasi HTML elementining orqa fon rangini belgilaydi.

Misol ​

Sahifa fonini powderblue rangiga o‘rnatish:

html
<body style="background-color:powderblue;">

<h1>Bu sarlavha</h1>
<p>Bu paragraf.</p>

</body>

Misol ​

Ikki element uchun orqa fon rangini o‘rnatish:

html
<body>

<h1 style="background-color:powderblue;">Bu sarlavha</h1>
<p style="background-color:tomato;">Bu paragraf.</p>

</body>

Matn Rangi ​

CSS color xossasi HTML elementining matn rangini belgilaydi:

Misol ​

html
<h1 style="color:blue;">Bu sarlavha</h1>
<p style="color:red;">Bu paragraf.</p>

Shriftlar ​

CSS font-family xossasi HTML elementiga ishlatiladigan shriftni belgilaydi:

Misol ​

html
<h1 style="font-family:verdana;">Bu sarlavha</h1>
<p style="font-family:courier;">Bu paragraf.</p>

Matn O‘lchami ​

CSS font-size xossasi HTML elementining matn o‘lchamini belgilaydi:

Misol ​

html
<h1 style="font-size:300%;">Bu sarlavha</h1>
<p style="font-size:160%;">Bu paragraf.</p>

Matnni Joylash ​

CSS text-align xossasi HTML elementining gorizontal matn joylashuvini belgilaydi:

Misol ​

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

Bob Yakuni ​

  • HTML elementlarini bezash uchun style atributidan foydalaning
  • Orqa fon uchun background-color dan foydalaning
  • Matn ranglari uchun color dan foydalaning
  • Matn shriftlari uchun font-family dan foydalaning
  • Matn o‘lchamlari uchun font-size dan foydalaning
  • Matn joylashuvi uchun text-align dan foydalaning