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
prvek.style.cssText = 'vlastnost 1: hodnota; vlastnost 2: hodnota...'
Příklad
Nastavme prvku několik stylů:
<p id="elem"></p>
let 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:
<p id="elem" style="background: red;"></p>
let 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:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Viz také
-
metoda
getComputedStyle,
která získá hodnotu CSS vlastnosti prvku
