Propriété cssText

La propriété cssText permet de définir les styles CSS en masse sur une seule ligne. Dans ce cas, tout le contenu de l'attribut style est réécrit.

Syntaxe

javascriptélément.style.cssText = 'propriété 1: valeur; propriété 2: valeur...'

Exemple

Définissons plusieurs styles pour un élément :

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

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

Exemple

Dans cet exemple, l'élément aura initialement déjà des styles dans l'attribut style, mais la propriété cssText le réécrira :

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

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

Exemple

Pour que les styles précédents ne soient pas réécrits, on peut faire comme ceci :

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

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

Voir aussi