CSS Chegaralari - Qisqartirilgan Xususiyat

CSS Chegaralari - Qisqartirilgan Xususiyat

Oldingi sahifalarda ko'rganingizdek, chegaralar bilan ishlashda ko'plab xususiyatlarni hisobga olish kerak.

Kodni qisqartirish uchun, barcha alohida chegara xususiyatlarini bitta xususiyatda belgilash mumkin.

border xususiyati quyidagi alohida chegara xususiyatlari uchun qisqartirilgan xususiyatdir:

• border-width
• border-style (majburiy)
• border-color

Misol

p {
  border: 5px solid red;
}

Natija:

Siz shuningdek, barcha alohida chegara xususiyatlarini faqat bitta tomon uchun belgilashingiz mumkin:

Chap Chegara

p {
  border-left: 6px solid red;
}

Natija:

Pastki Chegara

p {
  border-bottom: 6px solid red;
}

Natija: