Свойство cssText в JavaScript

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

Синтаксис

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

Пример

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

<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';

Пример

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

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

Пример

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

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