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:

css#elem {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 300px;
  height: 100px;
}

Keling, uni qisqartirilgan xususiyat orqali qayta yozamiz:

css#elem {
  border: 1px solid red;
  width: 300px;
  height: 100px;
}