Border qisqarmasi

CSS Border qisqartmasi

Avvalgi sahifada ko'rganingizdek, chegaralar bilan ishlashda ko'plab xususiyatlarni hisobga olish kerak.

CSSning border qisqartmasi sizga barcha chegaralarning induvidual qiymatlarini bir qatorda yozishga imkon beradi.

border qisqartmasi chegaraning quyidagi xususiyatlari uchun qisqartma xususiyat hisoblanadi:

• border-width

• border-style (talab qilinadigan)

• border-color

CSS

p {
  border: 5px solid red;
}

Natijasi:

W3Schools online HTML editorwww.w3schools.com

Bundan tashqari, faqat bir tomon uchun barcha individual chegara xususiyatlarini berishingiz mumkin:

CSS

Chap tomon chegarasi:

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

Natijasi:

W3Schools online HTML editorwww.w3schools.com

Ruby

Pastki chegara:

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

W3Schools online HTML editorwww.w3schools.com