Proprietatea cssText

Proprietatea cssText permite setarea stilurilor CSS în masă într-o singură linie. În acest caz întregul conținut al atributului style este rescris.

Sintaxă

javascriptelement.style.cssText = 'proprietate 1: valoare; proprietate 2: valoare...'

Exemplu

Să setăm elementului câteva stiluri:

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

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

Exemplu

În acest exemplu, elementul va avea deja inițial stiluri în atributul style, dar proprietatea cssText îl va rescrie:

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

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

Exemplu

Pentru a nu se suprascrie stilurile anterioare, se poate face astfel:

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

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

Vezi și