Свойство cssText

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

Синтаксис

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

Пример

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

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

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

Пример

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

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

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

Пример

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

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

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

Вижте също