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;';

Ошондой эле караңыз