Ominaisuus cssText
Ominaisuus cssText mahdollistaa
CSS-tyylien asettamisen massana yhdellä rivillä. Tällöin
kaikki attribuutin style
sisältö kirjoitetaan uudelleen.
Syntaksi
elementti.style.cssText = 'ominaisuus 1: arvo; ominaisuus 2: arvo...'
Esimerkki
Asetetaan elementille useita tyylejä:
<p id="elem"></p>
let 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:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Esimerkki
Jotta edelliset tyylit eivät kirjoitu uudelleen, voidaan tehdä näin:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Katso myös
-
metodi
getComputedStyle,
joka hakee elementin CSS-ominaisuuden arvon
