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

Տես նաև

  • getComputedStyle մեթոդը,
    որը ստանում է տարրի CSS հատկության արժեքը