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ă
element.style.cssText = 'proprietate 1: valoare; proprietate 2: valoare...'
Exemplu
Să setăm elementului câteva stiluri:
<p id="elem"></p>
let 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:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Exemplu
Pentru a nu se suprascrie stilurile anterioare, se poate face astfel:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Vezi și
-
metoda
getComputedStyle,
care obține valoarea proprietății CSS a elementului
