Vlastnost cssText

Vlastnost cssText umožňuje hromadně nastavit CSS styly jedním řádkem. Při tom je veškerý obsah atributu style přepsán.

Syntaxe

javascriptprvek.style.cssText = 'vlastnost 1: hodnota; vlastnost 2: hodnota...'

Příklad

Nastavme prvku několik stylů:

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

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

Příklad

V tomto příkladu bude mít prvek již od začátku styly v atributu style, ale vlastnost cssText jej přepíše:

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

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

Příklad

Aby se předchozí styly nepřepisovaly, lze udělat toto:

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

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

Viz také