Īpašība cssText

Īpašība cssText ļauj masveidā iestatīt CSS stilu vienā rindā. Tas pārraksta visu style atribūta saturu.

Sintakse

javascriptelement.style.cssText = 'īpašība 1: vērtība; īpašība 2: vērtība...'

Piemērs

Uzstādīsim elementam vairākus stilu:

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

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

Piemērs

Šajā piemērā elementam jau sākotnēji būs stilu style atribūtā, bet īpašība cssText to pārrakstīs:

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

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

Piemērs

Lai iepriekšējie stilu netiktu pārrakstīti, var izdarīt šādi:

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

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

Skatiet arī