Sifat cssText
Sifat cssText membolehkan anda menetapkan
gaya CSS secara pukal dalam satu baris. Semua
kandungan atribut style
akan ditulis semula.
Sintaks
elemen.style.cssText = 'sifat 1: nilai; sifat 2: nilai...'
Contoh
Mari tetapkan beberapa gaya untuk elemen:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Contoh
Dalam contoh ini, elemen sudah mempunyai
gaya dalam atribut style,
tetapi sifat cssText akan menulis semulanya:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Contoh
Untuk mengelakkan gaya sebelumnya ditulis semula, anda boleh lakukan ini:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Lihat juga
-
kaedah
getComputedStyle,
yang mendapatkan nilai sifat CSS elemen
