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

Шунингдек қаранг