Sifat cssText

Sifat cssText membolehkan anda menetapkan gaya CSS secara pukal dalam satu baris. Semua kandungan atribut style akan ditulis semula.

Sintaks

javascriptelemen.style.cssText = 'sifat 1: nilai; sifat 2: nilai...'

Contoh

Mari tetapkan beberapa gaya untuk elemen:

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

javascriptlet 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:

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

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

Contoh

Untuk mengelakkan gaya sebelumnya ditulis semula, anda boleh lakukan ini:

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

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

Lihat juga