Уласцівасць cssText

Уласцівасць cssText дазваляе задаць CSS стылі масава адным радком. Пры гэтым усе змесціва атрыбута style перазапісваецца.

Сінтаксіс

javascriptэлемент.style.cssText = 'уласцівасць 1: значэнне; уласцівасць 2: значэнне...'

Прыклад

Давайце зададзім элементу некалькі стыляў:

html<p id="elem"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';

Прыклад

У гэтым прыкладзе ў элемента спачатку ўжо будуць стылі ў атрыбуце style, але ўласцівасць cssText перазапіша яго:

html<p id="elem" style="background: red;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';

Прыклад

Каб папярэднія стылі не перазапісваліся, можна зрабіць так:

html<p id="elem" style="background: green;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';

Глядзіце таксама