CSS-da qisqacha shrift stili

Oldingi darsda biz matnning ko'plab xususiyatlarini tahlil qildik. Ushbu xususiyatlarning har birini alohida belgilash ko'pincha qimmatga tushadi, shuning uchun CSS yanada qulaylik uchun maxsus shriftni qisqartirish xususiyatiga ega. Bu xususiyat bir vaqtning o'zida shrift o'lchamini, turini, qalinligini, kursivini va qator oralig'ini o'rnatish imkonini beradi.

Ta'riflangan xususiyat quyidagi sintaksisga ega.

kursiv qalinlik shrift hajmi/ qatorlar orasidagi masofa turi

Shu bilan birga, xususiyatlarning tartibi muhim va "font-size" va "turi" majburiydir. Sintaksisda yuqorida tavsiflanganlardan tashqari boshqa stillar ushbu xususiyat qisqartmasi tarkibiga kiritilmaganiga e'tibor bering.

Keling, misollarni ko'rib chiqaylik.

1-Misol

Quyidagi stillarimiz bor:

p {
	font-size: 16px;
	font-family: Arial;
}

Keling, ularni qiymatlarini qisqartirish orqali qayta yozamiz:

p {
	font: 16px Arial;
}

2-Misol

Quyidagi stillarimiz bor:

p {
	font-size: 16px;
	font-family: Arial;
	line-height: 50px;
}

Keling, ularni qiymatlarini qisqartirish orqali qayta yozamiz:

p {
	font: 16px/50px Arial;
}

3-Misol

Quyidagi stillarimiz bor:

p {
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
}

Keling, ularni qiymatlarini qisqartirish orqali qayta yozamiz:

p {
	font: bold 16px Arial;
}

4-Misol

Quyidagi stillarimiz bor:

p {
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	line-height: 50px;
	font-style: italic;
}

Keling, ularni qiymatlarini qisqartirish orqali qayta yozamiz:

p {
	font: bold italic 16px/50px Arial;
}