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

javascriptelement.style.cssText = 'egenskab 1: værdi; egenskab 2: værdi...'

Eksempel

Lad os give elementet flere stilarter:

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

javascriptlet 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:

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

javascriptlet 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:

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

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

Se også