A cssText tulajdonság

A cssText tulajdonság lehetővé teszi CSS stílusok tömeges beállítását egyetlen sorban. Eközben a style attribútum teljes tartalma felülíródik.

Szintaxis

javascriptelem.style.cssText = 'tulajdonság 1: érték; tulajdonság 2: érték...'

Példa

Állítsunk be néhány stílust egy elemre:

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

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

Példa

Ebben a példában az elemnek már eredetileg lesznek stílusai a style attribútumban, de a cssText tulajdonság felülírja azokat:

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

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

Példa

Ahhoz, hogy a korábbi stílusok ne íródjanak felül, tegyük a következőt:

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

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

Lásd még