Méthode setProperty() de CSSStyleDeclaration

Objet CSSStyleDeclaration

Définition et utilisation

setProperty() La méthode permet de définir une nouvelle propriété CSS dans un bloc de déclaration CSS ou de modifier une propriété existante.

Exemple

Exemple 1

Définir une nouvelle propriété CSS :

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow");

Essayez-le vous-même

Exemple 2

Définir une nouvelle propriété CSS avec la priorité "important" :

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow", "important");

Essayez-le vous-même

Exemple 3

Modifier les propriétés CSS existantes :

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("color", "blue");

Essayez-le vous-même

Syntaxe

object.setProperty(propertyname, value, priority)

Paramètres

Paramètres Description
propertyname Obligatoire. Chaîne de caractères, représentant le nom de l'attribut à définir.
value Optionnel. Chaîne de caractères représentant la nouvelle valeur.
priority

Optionnel. Chaîne de caractères indiquant si la priorité de l'attribut doit être définie comme importante.

Valeurs légitimes :

  • "important"
  • undefined
  • ""

Détails techniques

Version DOM : Modèle objet CSS
Valeur de retour : undefined

Compatibilité du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support
Objet CSSStyleDeclaration