Свойство cssText

Свойството cssText позволява да зададете CSS стилове масово с един ред. При това цялото съдържание на атрибута style се презаписва.

Синтаксис

елемент.style.cssText = 'свойство 1: стойност; свойство 2: стойност...'

Нека зададем на елемента няколко стила:

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

В този пример елементът първоначално вече ще има стилове в атрибута style, но свойството cssText ще го презапише:

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

За да не се презаписват предишните стилове, може да направите така:

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