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
element.style.cssText = 'vlastnosť 1: hodnota; vlastnosť 2: hodnota...'
Príklad
Nastavme prvku niekoľko štýlov:
<p id="elem"></p>
let 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:
<p id="elem" style="background: red;"></p>
let 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:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Pozri tiež
-
metóda
getComputedStyle,
ktorá získava hodnotu CSS vlastnosti prvku
