outline
Misol
<div> elementi atrofiga kontur (outline) qo‘shing:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";O‘zingiz sinab ko‘ring »
Tavsif
outline xususiyati barcha kontur (outline) xususiyatlarini qisqartma (shorthand) shaklda o‘rnatadi yoki qaytaradi.
Bu xususiyat yordamida quyidagilardan birini yoki bir nechtasini (istalgan tartibda) o‘rnatishingiz/qaytarishingiz mumkin:
- outline-width
- outline-style
- outline-color
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 | |||||
|---|---|---|---|---|---|
| outline | Ha | Ha | Ha | Ha | Ha |
Sintaksis
outline xususiyatini qaytarish:
object.style.outline
outline xususiyatini o‘rnatish:
object.style.outline = "width style color|initial|inherit"
Xususiyat qiymatlari
| Parametr | Tavsif |
|---|---|
| width | Kontur kengligini o‘rnatadi |
| style | Kontur uslubini o‘rnatadi |
| color | Kontur rangini o‘rnatadi |
| 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 none invert |
|---|---|
| Qaytariladigan qiymat: | Elementning kontur kengligi, uslubi va/yoki rangini ifodalovchi String |
| CSS versiyasi | CSS2 |
Ko‘proq misollar
Misol
<div> elementi konturining kengligi, uslubi va rangini o‘zgartiring:
document.getElementById("myDiv").style.outline = "5px dotted green";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining outline xususiyati qiymatlarini qaytaring:
alert(document.getElementById("myDiv").style.outline);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS outline
CSS ma’lumotnomasi: outline xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!