Propriété CSS fill

❮ Précédent Suivant ❯

La propriété fill remplit un couleur d'une forme SVG. La propriété fill peut accepter n'imorte quelle valeur de couleur CSS.

Vous pouvez trouver des couleurs web à l'aide de notre outil Pipette de couleur et dans la séction Couleurs HTML.

Valeur initiale	black
Appliquée à	Tous les éléments. Elle est aussi appliquée aux éléments pseudos ::first-letter et ::first-line.
Héritée	Oui.
Animable	Oui.
Version	SVG 1.1
Syntaxe DOM	object.style.Fill = "#8ebf42";

Syntaxe

fill: color | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      circle {
      fill: #1c87c9;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
      <circle cx="50" cy="50" r="50"/>
    </svg>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
color	Indique la couleur de la bordure inférieure. La couleur initiale est la couleur de l'élément. Les noms des couleurs, les codes hexadecimaux de couleurs, rgb(), rgba(), hsl(), hsla() peuvent être utilisés. La propriété fill accepte également les modèles des forms SVG qui sont définis dans un élément defs.
initial	Définit la valeur initiale.
inherit	Hérite la propriété de l'élément parent.