Svojstvo cssText

Svojstvo cssText omogućava postavljanje CSS stilova masovno u jednoj liniji. Pri tome se sav sadržaj atributa style prepisuje.

Sintaksa

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

Primer

Hajde da postavimo elementu nekoliko stilova:

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

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

Primer

U ovom primeru, element će inicijalno već imati stilove u atributu style, ali svojstvo cssText će ga prepisati:

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

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

Primer

Da se prethodni stilovi ne prepišu, možemo uraditi ovako:

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

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

Pogledajte takođe