Lastnost cssText

Lastnost cssText omogoča nastavitev CSS slogov množično v eni vrstici. Pri tem se vsa vsebina atributa style prepiše.

Sintaksa

javascriptelement.style.cssText = 'lastnost 1: vrednost; lastnost 2: vrednost...'

Primer

Nastavimo elementu več slogov:

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

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

Primer

V tem primeru bo imel element že na začetku sloge v atributu style, vendar jih bo lastnost cssText prepisala:

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

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

Primer

Da se prejšnji slogi ne prepišejo, lahko naredimo takole:

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

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

Glejte tudi