CSSda chegaralar uchun qisqartirilgan xususiyat
Xuddi shriftlarda bo'lgani kabi, chegaralar uchun ham
border qisqartirilgan xususiyati mavjud,
biz uni qalinlik, rang va chegaralar turi uchun
3 xil xususiyat yozish o'rniga ishlatishimiz mumkin.
Ushbu xususiyatda biz chegaralar uchun qiymatlarni
istalgan tartibda sanab o'tishimiz mumkin.
Keling, bir misolni ko'rib chiqaylik. Faraz qilaylik, bizda quyidagi chegaralar mavjud:
#elem {
border-width: 1px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
Keling, uni qisqartirilgan xususiyat orqali qayta yozamiz:
#elem {
border: 1px solid red;
width: 300px;
height: 100px;
}
Ushbu namuna bo'yicha sahifani takrorlang:
Ushbu namuna bo'yicha sahifani takrorlang:
Ushbu namuna bo'yicha sahifani takrorlang:
Ushbu namuna bo'yicha sahifani takrorlang: