Свойство cssText позволяет задать
CSS стили массово одной строкой. При этом
все содержимое атрибута style
перезаписывается.
Пожалуйста, не злоупотребляйте этим свойством. Не стоит его использовать везде - это ведет к ошибкам - ведь cssText затирает все из атрибута style, это значит, что все ранее установленные через JavaScript стили CSS просто затрутся.
Синтаксис
элемент.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;';