style
Misollar
"myH1" elementining rangini o‘zgartiring:
document.getElementById("myH1").style.color = "red";
O‘zingiz sinab ko‘ring »
"myP" elementining yuqori chegarasi (top-border) qiymatini oling:
let value = document.getElementById("myP").style.borderTop;
O‘zingiz sinab ko‘ring »
Tavsif
style xususiyati elementning style atributi qiymatlarini qaytaradi.
style xususiyati CSSStyleDeclaration obyektini qaytaradi.
CSSStyleDeclaration obyekti element uchun barcha inline uslub xususiyatlarini o‘z ichiga oladi. U <head> bo‘limida yoki tashqi uslublar jadvallarida (style sheets) o‘rnatilgan uslub xususiyatlarini o‘z ichiga olmaydi.
1-eslatma
Uslubni bunday o‘rnatib bo‘lmaydi:
element.style = "color:red";
CSS xususiyatidan quyidagicha foydalanishingiz kerak:
element.style.backgroundColor = "red";
O‘zingiz sinab ko‘ring »
2-eslatma
JavaScript sintaksisi CSS sintaksisidan biroz farq qiladi:
backgroundColor / background-color.
Style obyektining to‘liq ma’lumotnomasi bilan tanishing.
3-eslatma
style atributidagi boshqa xususiyatlar qayta yozilib ketmasligi uchun setAttribute() metodi o‘rniga ushbu style xususiyatidan foydalaning.
Shuningdek qarang:
Sintaksis
Uslub xususiyatini qaytarish:
element.style.property
Uslub xususiyatini o‘rnatish:
element.style.property = value
Qaytariladigan qiymat
| Tip | Tavsif |
| value | Ko‘rsatilgan xususiyatning qiymati. Masalan: element.style.borderBottom = "2px solid red" |
Qaytariladigan qiymat
| Tip | Tavsif |
| Object | Elementning CSSStyleDeclaration obyekti. |
Brauzerlarda qo‘llab-quvvatlash
element.style — DOM Level 2 (2001) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!