Font Xususiyati

CSS Font Xususiyati

Kod yozishni qisqartirish uchun barcha alohida font xususiyatlarini bir joyda ko'rsatish ham mumkin.

font xususiyati quyidagi xususiyatlarning qisqartmasi hisoblanadi:

font-style
font-variant
font-weight
font-size/line-height
font-family

Eslatma: font-size va font-family qiymatlari talab qilinadi. Agar boshqa qiymatlardan biri kiritilmasa, ular uchun sukut bo'yicha qiymatlar qo'llaniladi.

Misol

Bir nechta font xususiyatlarini bir deklaratsiyada o'rnatish uchun font xususiyatidan foydalaning:

p.a {
  font:
    20px Arial,
    sans-serif;
}
 
p.b {
  font:
    italic small-caps bold 12px/30px Georgia,
    serif;
}

Mashq Qiling

Mashq:

<h1> elementining fontini Verdana qilib o'rnating.

<style>
  h1 {
    font: Verdana;
  }
</style>
 
<body>
  <h1>Bu sarlavha</h1>
  <p>Bu bir parcha matn</p>
</body>

Mashqni boshlang

Barcha CSS Font Xususiyatlari

Property	Ta'rifi
`font`	Barcha font xususiyatlarini bir deklaratsiyada o'rnatadi
`font-family`	Matn uchun font oilasini belgilaydi
`font-size`	Matnning font o'lchamini belgilaydi
`font-style`	Matn uchun font uslubini belgilaydi
`font-variant`	Matn kichik-kapitallar fontida aks ettirilishi kerakmi yoki yo'qmi belgilaydi
`font-weight`	Fontning qalinligini belgilaydi

CSS Font Xususiyati

Misol

Mashq Qiling

Mashq:

Barcha CSS Font Xususiyatlari

Ushbu sahifada