Properti cssText
Properti cssText memungkinkan untuk mengatur
gaya CSS secara massal dalam satu baris. Dengan demikian
semua konten dalam atribut style
ditimpa.
Sintaks
elemen.style.cssText = 'properti 1: nilai; properti 2: nilai...'
Contoh
Mari kita berikan beberapa gaya pada elemen:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Contoh
Dalam contoh ini, elemen awalnya sudah memiliki
gaya dalam atribut style,
tetapi properti cssText akan menimpanya:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Contoh
Agar gaya sebelumnya tidak tertimpa, dapat dilakukan seperti ini:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Lihat juga
-
metode
getComputedStyle,
yang mendapatkan nilai properti CSS dari sebuah elemen
