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
element.style.cssText = 'egenskap 1: värde; egenskap 2: värde...'
Exempel
Låt oss sätta några stilar på ett element:
<p id="elem"></p>
let 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:
<p id="elem" style="background: red;"></p>
let 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:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Se även
-
metoden
getComputedStyle,
som hämtar värdet på ett CSS-egenskap för ett element
