Ominaisuus cssText

Ominaisuus cssText mahdollistaa CSS-tyylien asettamisen massana yhdellä rivillä. Tällöin kaikki attribuutin style sisältö kirjoitetaan uudelleen.

Syntaksi

javascriptelementti.style.cssText = 'ominaisuus 1: arvo; ominaisuus 2: arvo...'

Esimerkki

Asetetaan elementille useita tyylejä:

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

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

Esimerkki

Tässä esimerkissä elementillä on jo aluksi tyylejä attribuutissa style, mutta ominaisuus cssText kirjoittaa sen uudelleen:

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

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

Esimerkki

Jotta edelliset tyylit eivät kirjoitu uudelleen, voidaan tehdä näin:

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

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

Katso myös