Vlastnosť cssText

Vlastnosť cssText umožňuje nastaviť CSS štýly hromadne jedným riadkom. Pri tom sa celý obsah atribútu style prepíše.

Syntax

javascriptelement.style.cssText = 'vlastnosť 1: hodnota; vlastnosť 2: hodnota...'

Príklad

Nastavme prvku niekoľko štýlov:

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

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

Príklad

V tomto príklade bude mať prvok už spočiatku štýly v atribúte style, ale vlastnosť cssText ho prepíše:

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

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

Príklad

Aby sa predchádzajúce štýly neprepisovali, možno urobiť toto:

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

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

Pozri tiež