Свойство cssText - CSS стили одной строкой на JavaScript

Свойство 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;';