cssText xususiyati

cssText xususiyati CSS uslublarni ommaviy ravishda bir qator bilan belgilash imkonini beradi. Bunda style atributining barcha mazmuni qayta yoziladi.

Sintaksis

javascriptelement.style.cssText = 'xususiyat 1: qiymat; xususiyat 2: qiymat...'

Misol

Keling, elementga bir nechta uslub belgilaymiz:

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

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

Misol

Ushbu mislda elementda dastlab style atributida uslublar mavjud bo'ladi, lekin cssText xususiyati uni qayta yozadi:

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

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

Misol

Avvalgi uslublar qayta yozilmasligi uchun, quyidagicha qilish mumkin:

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

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

Shuningdek qarang