Egenskapen cssText

Egenskapen cssText låter dig ställa in CSS-stilar massvis i en rad. Samtidigt skrivs allt innehåll i attributet style om.

Syntax

javascriptelement.style.cssText = 'egenskap 1: värde; egenskap 2: värde...'

Exempel

Låt oss sätta några stilar på ett element:

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

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

Exempel

I detta exempel kommer elementet redan från början ha stilar i attributet style, men egenskapen cssText kommer att skriva över det:

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

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

Exempel

För att tidigare stilar inte ska skrivas över, kan man göra så här:

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

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

Se även