Savybė cssText

Savybė cssText leidžia nustatyti CSS stilius masėje viena eilute. Tuo pačiu visas atributo style turinys perrašomas.

Sintaksė

javascriptelementas.style.cssText = 'savybė 1: reikšmė; savybė 2: reikšmė...'

Pavyzdys

Elementui nustatykime kelis stilius:

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

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

Pavyzdys

Šiame pavyzdyje elementas jau iš pradžių turės stilius style atribute, bet cssText savybė jį perrašys:

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

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

Pavyzdys

Kad ankstesni stiliai nebūtų perrašomi, galima padaryti taip:

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

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

Taip pat žiūrėkite