cssText aýratynlygy
cssText aýratynlygy
CSS-stillary top-topdan bir setirde bermäge
mümkinçilik berýär. Bu ýagdaýda
style atributynyň
ähli mazmuny ýazgarylyp gaýtadan ýazylýar.
Sintaksis
element.style.cssText = 'aýratynlyk 1: baha; aýratynlyk 2: baha...'
Mysal
Elemente birnäçe stil bereliň:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Mysal
Bu mysalda elemente başyndan
style atributynyň içinde stiller berlen,
ýöne cssText aýratynlygy ony ýazgaryp gaýtadan ýazar:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Mysal
Öňki stilleriň ýazgarylyp gaýtadan ýazylmagynyň öňüni almak üçin, şeýle etmek bolýar:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Şeýle-de göz aýlaň
-
getComputedStylemetodu,
elementiň CSS aýratynlygynyň bahasyny alyp berýär