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

javascriptelement.style.cssText = 'aýratynlyk 1: baha; aýratynlyk 2: baha...'

Mysal

Elemente birnäçe stil bereliň:

html<p id="elem"></p>

javascriptlet 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:

html<p id="elem" style="background: red;"></p>

javascriptlet 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:

html<p id="elem" style="background: green;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';

Şeýle-de göz aýlaň