Egenskabet cssText
Egenskabet cssText gør det muligt at indstille
CSS-stilarter massevis i én linje. Samtidig
bliver alt indhold i attributten style
overskrevet.
Syntaks
element.style.cssText = 'egenskab 1: værdi; egenskab 2: værdi...'
Eksempel
Lad os give elementet flere stilarter:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Eksempel
I dette eksempel vil elementet allerede fra starten
have stilarter i attributten style,
men egenskaben 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 undgå at de tidligere stilarter bliver overskrevet, kan man gøre sådan her:
<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 værdien af et CSS-egenskab for et element
