borderBottom
Misol
<div> elementiga pastki chegara qo‘shing:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
borderBottom xususiyati uchtagacha alohida border-bottom xususiyatini qisqartma (shorthand) shaklda o‘rnatadi yoki qaytaradi.
Bu xususiyat yordamida quyidagilardan birini yoki bir nechtasini (istalgan tartibda) o‘rnatishingiz/qaytarishingiz mumkin:
- border-bottom-width
- border-bottom-style
- border-bottom-color
Sintaksis
borderBottom xususiyatini qaytarish:
object.style.borderBottom
borderBottom xususiyatini o‘rnatish:
object.style.borderBottom = "width style color|initial|inherit"
Xususiyat qiymatlari
| Parametr | Tavsif |
|---|---|
| width | Pastki chegara kengligini o‘rnatadi |
| style | Pastki chegara uslubini o‘rnatadi |
| color | Pastki chegara 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 pastki chegarasining kengligi, uslubi va/yoki rangini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
<div> elementi pastki chegarasining kengligi, uslubi va rangini o‘zgartiring:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining border-bottom xususiyati qiymatlarini qaytaring:
alert(document.getElementById("myDiv").style.borderBottom);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS chegaralar
CSS ma’lumotnomasi: border-bottom xususiyati
HTML DOM ma’lumotnomasi: border xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderBottom — 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!