# Свойство cssText

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

## Смотрите также

- метод `getComputedStyle`,
  который получает значение CSS свойства элемента

←→
↑
en ru