Properti cssText

Properti cssText memungkinkan untuk mengatur gaya CSS secara massal dalam satu baris. Dengan demikian semua konten dalam atribut style ditimpa.

Sintaks

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

Contoh

Mari kita berikan beberapa gaya pada elemen:

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

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

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

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

Contoh

Agar gaya sebelumnya tidak tertimpa, dapat dilakukan seperti ini:

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

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

Lihat juga