W3SCHOOLS
  • Dasturlashni dunyodagi eng katta dasturchilar saytidan o'rganing
  • HTML
    • Boshlash
      • Tanishuv
      • Editorlar
      • Boshlang'ich
      • Elementlar
      • Atributlar
      • Headinglar
      • Paragraflar
      • Style
      • Formatlash
      • Iqtiboslar
      • Izohlar
      • Ranglar
        • RGB
        • HEX
        • HSL
      • CSS
      • Havolalar
        • Havola ranglari
        • Havola bookmarklari
      • Rasmlar
        • Rasmlar
        • Rasm xaritalari
        • Orqafon rasmlar
        • Picture elementi
      • Favicon
      • Sahifa sarlavhasi
      • Ro'yxatlar
        • Tartiblanmagan ro'yxat
        • Tartiblangan ro'yxat
        • Tarifli ro'yxatlar
      • Block & Inline
      • Div elementi
      • Klasslar
      • Semantika
  • CSS
    • CSS qo'llanma
      • CSS HOME
      • CSS Tanishuv
      • CSS Sintaksis
      • CSS Selektorlar
      • CSS qanday qo'shiladi
      • CSS Izohlar
      • CSS Ranglar
        • RGB
        • HEX
        • HSL
      • CSS Matn
        • Matn ranggi
        • Matn joylashuvi
        • Text decoration
        • Text transform
        • Matn oralig'i
        • Text shadow
      • CSS Backgroundlar
        • Background color
        • Background image
        • Background repeat
        • Background attachment
        • Background shorthand
    • CSS Borderlar
      • Chegara kengligi
      • Chegara rangi
      • Chegara tomonlari
      • Border qisqarmasi
      • Yumaloq chegaralar
    • CSS Marginlar
      • Margin collapse
    • CSS Padding
    • CSS Width/Height
Powered by GitBook
On this page
  1. CSS
  2. CSS Borderlar

Border qisqarmasi

PreviousChegara tomonlariNextYumaloq chegaralar

Last updated 1 year ago

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

p {
  border: 5px solid red;
}

Natijasi:

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

Chap tomon chegarasi:

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

Natijasi:

Pastki chegara:

p {
  border-bottom: 6px solid red;
}
W3Schools online HTML editor
W3Schools online HTML editor
W3Schools online HTML editor
Logo
Logo
Logo