Eigenschap cssText

De eigenschap cssText maakt het mogelijk om CSS-stijlen in bulk in één regel in te stellen. Hierbij wordt de volledige inhoud van het attribuut style overschreven.

Syntaxis

javascriptelement.style.cssText = 'eigenschap 1: waarde; eigenschap 2: waarde...'

Voorbeeld

Laten we een element meerdere stijlen geven:

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

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

Voorbeeld

In dit voorbeeld heeft het element initieel al stijlen in het attribuut style, maar de eigenschap cssText zal deze overschrijven:

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

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

Voorbeeld

Om te voorkomen dat eerdere stijlen worden overschreven, kan je dit doen:

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

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

Zie ook