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
élément.style.cssText = 'propriété 1: valeur; propriété 2: valeur...'
Exemple
Définissons plusieurs styles pour un élément :
<p id="elem"></p>
let 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 :
<p id="elem" style="background: red;"></p>
let 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 :
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Voir aussi
-
la méthode
getComputedStyle,
qui obtient la valeur de la propriété CSS d'un élément
