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

javascriptelemento.style.cssText = 'proprietà 1: valore; proprietà 2: valore...'

Esempio

Assegniamo diversi stili a un elemento:

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

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

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

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

Esempio

Per evitare che gli stili precedenti vengano sovrascritti, puoi fare così:

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

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

Vedi anche