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

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

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

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

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:

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

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

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

a getComputedStyle metódus,
ami egy elem CSS tulajdonságának értékét kérdezi le