Хосияти cssText

Хосияти cssText имкон медиҳад, ки услубҳои CSS-ро якҷоя як сатр муқаррар кунед. Дар ин ҳол тамоми мундариҷаи сифати style аз нав навишта мешавад.

Синтаксис

javascriptунсури.style.cssText = 'хосият 1: қимат; хосият 2: қимат...'

Намуна

Биёед ба унсур чанд услуб муқаррар кунем:

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

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'ранг: сурх; андозаи ҳарф: 40px;';

Намуна

Дар ин намуна унсур аз аввал аллакай услубҳо дар сифати style дорад, аммо хосияти cssText онро аз нав менависад:

html<p id="elem" style="замина: сурх;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'ранг: сурх; андозаи ҳарф: 20px;';

Намуна

Барои он ки услубҳои қаблӣ аз нав нанависанд, метавонед чунин кунед:

html<p id="elem" style="замина: сабз;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText += 'ранг: сурх; андозаи ҳарф: 20px;';

Нигаред низ