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

Пожалуйста, не злоупотребляйте этим свойством. А то все, как узнают про него - начинают сувать везде. Но это ведет к ошибкам - ведь cssText затирает все из атрибута style, это значит, что все ранее установленные через JavaScript стили CSS просто затрутся.

Синтаксис

элемент.style.cssText = 'свойство 1: значение; свойство 2: значение...'

Примеры

Пример

Давайте зададим элементу несколько стилей:

<p id="elem"></p>
var elem = document.getElementById('elem');
elem.style.cssText = 'color: red; font-size: 20px;';

Результат выполнения кода:

Пример

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

<p id="elem" style="background: red;"></p>
var elem = document.getElementById('elem');
elem.style.cssText = 'color: red; font-size: 20px;';

HTML код станет выглядеть так:

<p id="elem" style="color: red; font-size: 20px;"></p>

Пример

Чтобы предыдущие стили не перезаписывались, можно сделать так:

<p id="elem" style="background: green;"></p>
var elem = document.getElementById('elem');
elem.style.cssText += 'color: red; font-size: 20px;';

HTML код станет выглядеть так:

<p id="elem" style="background: green; color: red; font-size: 20px;"></p>