Egenskapen cssText
Egenskapen cssText lar deg sette
CSS-stiler massevis på én linje. Samtidig
blir alt innhold i attributtet style
overskrevet.
Syntaks
element.style.cssText = 'egenskap 1: verdi; egenskap 2: verdi...'
Eksempel
La oss sette flere stiler på et element:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Eksempel
I dette eksemplet vil elementet fra starten av allerede
ha stiler i attributtet style,
men egenskapen cssText vil overskrive det:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Eksempel
For at de forrige stilene ikke skal bli overskrevet, kan man gjøre slik:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Se også
-
metoden
getComputedStyle,
som henter verdien til en CSS-egenskap for et element
