Proprietà cssText
La proprietà cssText consente di impostare
gli stili CSS in blocco in una riga. In questo caso
tutto il contenuto dell'attributo style
viene sovrascritto.
Sintassi
elemento.style.cssText = 'proprietà 1: valore; proprietà 2: valore...'
Esempio
Assegniamo diversi stili a un elemento:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Esempio
In questo esempio, l'elemento avrà già inizialmente
degli stili nell'attributo style,
ma la proprietà cssText lo sovrascriverà:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Esempio
Per evitare che gli stili precedenti vengano sovrascritti, puoi fare così:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Vedi anche
-
metodo
getComputedStyle,
che ottiene il valore della proprietà CSS di un elemento
