border-width
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
border-width xususiyati elementning to‘rtala chegarasi kengligini o‘rnatadi. Bu xususiyat birdan to‘rttagacha qiymatga ega bo‘lishi mumkin.
Misollar:
- border-width: thin medium thick 10px;
- yuqori chegara ingichka (thin)
- o‘ng chegara o‘rtacha (medium)
- pastki chegara qalin (thick)
- chap chegara 10px
- border-width: thin medium thick;
- yuqori chegara ingichka (thin)
- o‘ng va chap chegaralar o‘rtacha (medium)
- pastki chegara qalin (thick)
- border-width: thin medium;
- yuqori va pastki chegaralar ingichka (thin)
- o‘ng va chap chegaralar o‘rtacha (medium)
- border-width: thin;
- to‘rtala chegara ham ingichka (thin)
Eslatma: border-width xususiyatidan oldin har doim border-style xususiyatini e’lon qiling. Kenglikni o‘rnatishdan oldin element chegaralarga ega bo‘lishi kerak.
| Standart qiymat: | medium |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | ha. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS1 |
| JavaScript sintaksisi: | object.style.borderWidth="1px 5px" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS sintaksisi
border-width: medium|thin|thick|length|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| medium | O‘rtacha qalinlikdagi chegarani belgilaydi. Bu standart qiymat | Demo ❯ |
| thin | Ingichka chegarani belgilaydi | Demo ❯ |
| thick | Qalin chegarani belgilaydi | Demo ❯ |
| length | Chegara qalinligini belgilash imkonini beradi. Uzunlik birliklari haqida o‘qing | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Ko‘proq misollar
Misol
Chegaralar kengligini medium qilib belgilang:
div {border-width: medium;}
O‘zingiz sinab ko‘ring »
Misol
Chegaralar kengligini thick qilib belgilang:
div {border-width: thick;}
O‘zingiz sinab ko‘ring »
Misol
Chegaralar kengligini 15px qilib belgilang:
div {border-width: 15px;}
O‘zingiz sinab ko‘ring »
Misol
Yuqori va pastki chegaralar kengligini 10px, chap va o‘ng chegaralar kengligini esa 1px qilib belgilang:
div {border-width: 10px 1px;}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS chegara
HTML DOM ma’lumotnomasi: borderWidth xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!