border
Misol
<div> elementiga chegara qo‘shing:
document.getElementById("myDiv").style.border = "thick solid #0000FF";O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
border xususiyati uchtagacha alohida chegara xususiyatini qisqartma (shorthand) shaklda o‘rnatadi yoki qaytaradi.
Bu xususiyat yordamida quyidagilardan birini yoki bir nechtasini (istalgan tartibda) o‘rnatishingiz/qaytarishingiz mumkin:
- border-width
- border-style
- border-color
Tegishli sahifalar
CSS darsligi: CSS chegaralar
CSS ma’lumotnomasi: border xususiyati
Sintaksis
border xususiyatini qaytarish:
object.style.border
border xususiyatini o‘rnatish:
object.style.border = "width style color|initial|inherit"
Xususiyat qiymatlari
| Parametr | Tavsif |
|---|---|
| width | Chegaralar kengligini o‘rnatadi |
| style | Chegaralar uslubini o‘rnatadi |
| color | Chegaralar 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: | belgilanmagan |
|---|---|
| Qaytariladigan qiymat: | Element chegarasining kengligi, uslubi va/yoki rangini ifodalovchi String |
| CSS versiyasi | CSS1 |
Brauzerlarda qo‘llab-quvvatlash
border — CSS1 (1996) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
Ko‘proq misollar
Misol
<div> elementi chegarasining kengligi, uslubi va rangini o‘zgartiring:
document.getElementById("myDiv").style.border = "thin dotted red";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining border xususiyati qiymatlarini qaytaring:
alert(document.getElementById("myDiv").style.border);
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!