Shrift uslubi


ULASHISH

CSS shrift uslubi

CSS font-style xossasi matn uchun shrift uslubini belgilaydi.

Bu xossa quyidagi qiymatlardan biriga ega bo‘lishi mumkin:

  • normal — matn oddiy ko‘rsatiladi
  • italic — matn qiyshiq (italik) ko‘rsatiladi
  • oblique — matn "egilgan" (oblique italik’ga juda o‘xshaydi)

Misol

p.normal {
  font-style: normal;
}

p.italic {
  font-style: italic;
}

p.oblique {
  font-style: oblique;
}
O‘zingiz sinab ko‘ring »

CSS shrift qalinligi (font-weight)

CSS font-weight xossasi matndagi belgilar qanchalik qalin yoki nozik ko‘rsatilishini belgilaydi.

Bu xossa quyidagi qiymatlardan biriga ega bo‘lishi mumkin:

  • normal — bu standart. Oddiy belgilarni belgilaydi
  • bold — qalin belgilarni belgilaydi
  • bolder — yana qalinroq belgilarni belgilaydi
  • lighter — nozikroq belgilarni belgilaydi
  • 100-900 — nozikdan qalinga belgilarni belgilaydi. 400 normal bilan, 700 bold bilan bir xil

Misol

p.normal {
  font-weight: normal;
}

p.light {
  font-weight: lighter;
}

p.thick {
  font-weight: bold;
}

p.thicker {
  font-weight: 900;
}
O‘zingiz sinab ko‘ring »


CSS font-variant xossasi

CSS font-variant xossasi matn small-caps shriftida ko‘rsatilishi kerakligi yoki yo‘qligini belgilaydi.

small-caps shriftida barcha kichik harflar katta harflarga aylantiriladi. Biroq aylantirilgan katta harflar matndagi asl katta harflardan kichikroq shrift o‘lchamida ko‘rinadi.

Misol

p.normal {
  font-variant: normal;
}

p.small {
  font-variant: small-caps;
}
O‘zingiz sinab ko‘ring »



W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!