Egenskapen cssText

Egenskapen cssText lar deg sette CSS-stiler massevis på én linje. Samtidig blir alt innhold i attributtet style overskrevet.

Syntaks

javascriptelement.style.cssText = 'egenskap 1: verdi; egenskap 2: verdi...'

Eksempel

La oss sette flere stiler på et element:

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

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

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

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

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

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

Se også