outlineStyle
Misol
<div> elementi atrofiga "solid" kontur qo‘shing:
document.getElementById("myDiv").style.outlineStyle = "solid";O‘zingiz sinab ko‘ring »
Tavsif
outlineStyle xususiyati element atrofidagi kontur (outline) uslubini o‘rnatadi yoki qaytaradi.
Kontur (outline) — element atrofidagi chiziq. U elementning tashqi bo‘shlig‘i (margin) atrofida ko‘rsatiladi. Biroq u border xususiyatidan farq qiladi.
Kontur element o‘lchamlarining bir qismi emas, shuning uchun elementning width va height xususiyatlari kontur kengligini o‘z ichiga olmaydi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| outlineStyle | Ha | Ha | Ha | Ha | Ha |
Sintaksis
outlineStyle xususiyatini qaytarish:
object.style.outlineStyle
outlineStyle xususiyatini o‘rnatish:
object.style.outlineStyle = value
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| none | Kontur belgilanmaydi. Bu standart qiymat |
| hidden | Kontur o‘chiriladi |
| dotted | Nuqtali konturni belgilaydi |
| dashed | Shtrixli (uzuq chiziqli) konturni belgilaydi |
| solid | Yaxlit chiziqli konturni belgilaydi |
| double | Qo‘sh konturni belgilaydi |
| groove | 3D o‘yiq (grooved) konturni belgilaydi. Effekt outline-color qiymatiga bog‘liq |
| ridge | 3D bo‘rtma (ridged) konturni belgilaydi. Effekt outline-color qiymatiga bog‘liq |
| inset | 3D botiq (inset) konturni belgilaydi. Effekt outline-color qiymatiga bog‘liq |
| outset | 3D qavariq (outset) konturni belgilaydi. Effekt outline-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 konturining uslubini ifodalovchi String |
| CSS versiyasi | CSS2 |
Ko‘proq misollar
Misol
<div> elementining kontur uslubini o‘zgartiring:
document.getElementById("myDiv").style.outlineStyle = "solid";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining kontur uslubini qaytaring:
alert(document.getElementById("myDiv").style.outlineStyle);
O‘zingiz sinab ko‘ring »
Misol
Barcha turli qiymatlarning namoyishi:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS outline
CSS ma’lumotnomasi: outline-style xususiyati
HTML DOM ma’lumotnomasi: outline xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!