cssText хусусияти

cssText хусусияти CSS услубларини оммовий равишда бир сатрда белгилаш имконини беради. Бу вактда style атрибутининг барча мазмуни қайта ёзилади.

Синтаксис

элемент.style.cssText = 'хусусият 1: қиймат; хусусият 2: қиймат...'

Элементга бир нечта услуб белгилаймиз:

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

Бу мисолда элементда аввалдан style атрибутида услублар мавжуд, лекин cssText хусусияти уни қайта ёзади:

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

Аввалги услублар қайта ёзилмаслиги учун, куйидаги амални бажариш мумкин:

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