borderStyle
Misol
<div> elementiga "solid" chegara qo‘shing:
document.getElementById("myDiv").style.borderStyle = "solid";O‘zingiz sinab ko‘ring »
Tavsif
borderStyle xususiyati element chegarasining uslubini o‘rnatadi yoki qaytaradi.
Bu xususiyat birdan to‘rttagacha qiymat qabul qilishi mumkin:
- Bitta qiymat, masalan: p {border-style: solid} - to‘rtala chegara solid bo‘ladi
- Ikkita qiymat, masalan: p {border-style: solid dotted} - yuqori va pastki chegara solid, chap va o‘ng chegara dotted bo‘ladi
- Uchta qiymat, masalan: p {border-style: solid dotted double}- yuqori chegara solid, chap va o‘ng chegara dotted, pastki chegara double bo‘ladi
- To‘rtta qiymat, masalan: p {border-style: solid dotted double dashed} - yuqori chegara solid, o‘ng chegara dotted, pastki chegara double, chap chegara dashed bo‘ladi
Sintaksis
borderStyle xususiyatini qaytarish:
object.style.borderStyle
borderStyle xususiyatini o‘rnatish:
object.style.borderStyle = value
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| none | Chegara belgilanmaydi. Bu standart qiymat |
| hidden | "none" bilan bir xil, faqat jadval elementlarida chegaralar to‘qnashuvini hal qilishda farq qiladi |
| dotted | Nuqtali chegarani belgilaydi |
| dashed | Shtrixli (uzuq chiziqli) chegarani belgilaydi |
| solid | Yaxlit chiziqli chegarani belgilaydi |
| double | Ikkita chegarani belgilaydi. Ikkala chegaraning kengligi border-width qiymatiga teng |
| groove | 3D o‘yiq (grooved) chegarani belgilaydi. Effekt border-color qiymatiga bog‘liq |
| ridge | 3D bo‘rtma (ridged) chegarani belgilaydi. Effekt border-color qiymatiga bog‘liq |
| inset | 3D botiq (inset) chegarani belgilaydi. Effekt border-color qiymatiga bog‘liq |
| outset | 3D qavariq (outset) chegarani belgilaydi. Effekt border-color qiymatiga bog‘liq |
| 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: | none |
|---|---|
| Qaytariladigan qiymat: | Element chegarasining uslubini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
<div> elementining to‘rtala chegarasi uslubini o‘zgartiring:
document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining chegara uslubini qaytaring:
alert(document.getElementById("myDiv").style.borderStyle);
O‘zingiz sinab ko‘ring »
Misol
Barcha turli qiymatlarning namoyishi:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue;
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS chegaralar
CSS ma’lumotnomasi: border-style xususiyati
HTML DOM ma’lumotnomasi: border xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderStyle — 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!