CSS Chegara Qalinligi(Border Width)

CSS Chegara Qalinligi

CSS Border Width

Chegara qalinligi (border-width) xususiyati to'rt tomonning qalinligini belgilaydi.

Qalinlik aniqlangan o'lchamda (px, pt, cm, em va boshqalar) yoki uchta oldindan belgilangan qiymatdan biri bilan o'rnatilishi mumkin: thin (ingichka), medium (o'rtacha) yoki thick (qalin).

Misol Chegara qalinliklarining turli uslublarini namoyish etish:

p.one {
  border-style: solid;
  border-width: 5px;
}
 
p.two {
  border-style: solid;
  border-width: medium;
}
 
p.three {
  border-style: dotted;
  border-width: 2px;
}
 
p.four {
  border-style: dotted;
  border-width: thick;
}

Natija:

5px qalinlikdagi chegara

O'rtacha qalinlikdagi chegara

2px qalinlikdagi chegara

Qalin qalinlikdagi chegara

Aniq Tomonlar Uchun Qalinliklar

Chegara qalinligi (border-width) xususiyati bir yoki to'rt qiymatga ega bo'lishi mumkin (yuqori chegarani, o'ng chegarani, pastki chegarani va chap chegarani belgilash):

Misol

p.one {
  border-style: solid;
  border-width: 5px 20px; /* 5px yuqori va pastki, 20px yon tomonlarda */
}
 
p.two {
  border-style: solid;
  border-width: 20px 5px; /* 20px yuqori va pastki, 5px yon tomonlarda */
}
 
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* 25px yuqori, 10px o'ng, 4px pastki va 35px chap tomon */
}

CSS Chegara Qalinligi(Border Width)