borderWidth
Misol
<div> elementining to‘rtala chegarasi kengligini o‘zgartiring:
document.getElementById("myDiv").style.borderWidth = "thick";O‘zingiz sinab ko‘ring »
Tavsif
borderWidth xususiyati element chegarasining kengligini o‘rnatadi yoki qaytaradi.
Bu xususiyat birdan to‘rttagacha qiymat qabul qilishi mumkin:
- Bitta qiymat, masalan: p {border-width: thick} - to‘rtala chegara thick bo‘ladi
- Ikkita qiymat, masalan: p {border-width: thick thin} - yuqori va pastki chegara thick, chap va o‘ng chegara thin bo‘ladi
- Uchta qiymat, masalan: p {border-width: thick thin medium}- yuqori chegara thick, chap va o‘ng chegara thin, pastki chegara medium bo‘ladi
- To‘rtta qiymat, masalan: p {border-width: thick thin medium 10px} - yuqori chegara thick, o‘ng chegara thin, pastki chegara medium, chap chegara 10px bo‘ladi
Sintaksis
borderWidth xususiyatini qaytarish:
object.style.borderWidth
borderWidth xususiyatini o‘rnatish:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| thin | Ingichka chegarani belgilaydi |
| medium | O‘rtacha qalinlikdagi chegarani belgilaydi. Bu standart qiymat |
| thick | Qalin chegarani belgilaydi |
| length | Chegaraning uzunlik birliklaridagi kengligi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | medium |
|---|---|
| Qaytariladigan qiymat: | Element chegarasining kengligini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
<div> elementining yuqori va pastki chegarasi kengligini thick ga, chap va o‘ng chegarasi kengligini esa thin ga o‘zgartiring:
document.getElementById("myDiv").style.borderWidth = "thick thin";
O‘zingiz sinab ko‘ring »
Misol
length qiymatidan foydalanib, <div> elementining to‘rtala chegarasi kengligini o‘zgartiring:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
O‘zingiz sinab ko‘ring »
Misol
<div> elementi chegarasining kengligini qaytaring:
alert(document.getElementById("myDiv").style.borderWidth);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS chegaralar
CSS ma’lumotnomasi: border-width xususiyati
HTML DOM ma’lumotnomasi: border xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderWidth — CSS1 (1996) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!