Omadus cssText

Omadus cssText võimaldab määrata CSS stiile laialdaselt ühe reaga. Samal ajal kirjutatakse kõik atribuudi style sisu üle.

Süntaks

javascriptelement.style.cssText = 'omadus 1: väärtus; omadus 2: väärtus...'

Näide

Määrame elemendile mitu stiili:

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

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

Näide

Selles näites on elemendil juba algselt stiilid atribuudis style, kuid omadus cssText kirjutab selle üle:

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

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

Näide

Et eelmised stiilid ei kirjutatuks üle, võib teha nii:

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

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

Vaata ka