Propriedade cssText
A propriedade cssText permite definir
estilos CSS em massa em uma única linha. Ao fazer isso,
todo o conteúdo do atributo style
é sobrescrito.
Sintaxe
elemento.style.cssText = 'propriedade 1: valor; propriedade 2: valor...'
Exemplo
Vamos definir vários estilos para um elemento:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Exemplo
Neste exemplo, o elemento já terá
estilos no atributo style inicialmente,
mas a propriedade cssText irá sobrescrevê-lo:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Exemplo
Para evitar que os estilos anteriores sejam sobrescritos, pode-se fazer o seguinte:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Veja também
-
o método
getComputedStyle,
que obtém o valor de uma propriedade CSS do elemento
