From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../css/valeur_sp\303\251cifi\303\251e/index.html" | 85 ++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 "files/fr/web/css/valeur_sp\303\251cifi\303\251e/index.html" (limited to 'files/fr/web/css/valeur_spécifiée') diff --git "a/files/fr/web/css/valeur_sp\303\251cifi\303\251e/index.html" "b/files/fr/web/css/valeur_sp\303\251cifi\303\251e/index.html" new file mode 100644 index 0000000000..14eb3d9e5a --- /dev/null +++ "b/files/fr/web/css/valeur_sp\303\251cifi\303\251e/index.html" @@ -0,0 +1,85 @@ +--- +title: Valeur spécifiée +slug: Web/CSS/Valeur_spécifiée +tags: + - CSS + - Cascade + - Reference +translation_of: Web/CSS/specified_value +--- +
{{CSSRef}}
+ +

La valeur définie d'une propriété CSS est celle explicitement définie dans la feuille de style ou grâce au style de son élément parent. Elle est déterminée selon une des trois méthodes suivantes :

+ +
    +
  1. Si la feuille de style du document a une valeur définie pour la propriété, alors c'est cette valeur qui est utilisée. Par exemple, si la propriété {{cssxref("color")}} est définie à green alors la couleur du texte des éléments correspondants sera verte.
    2. +
  2. Si la feuille de style du document n'a pas de valeur définie, alors, si c'est possible, elle sera héritée de l'élément parent. Par exemple, si on a un paragraphe ({{HTMLElement("p")}}) dans un {{HTMLElement("div")}} et que le {{HTMLElement("div")}} est ciblée par une déclaration CSS où font vaut Arial et qu'il n'y a pas de règle font pour {{HTMLElement("p")}}, ce dernier héritera de la police Arial.
    3. +
  3. Si aucun des cas précédents ne s'applique, c'est la valeur initiale de la propriété CSS qui est appliquée.
    4. +
+ +

Exemples

+ +

HTML

+ +
<p>Ma couleur provient explicitement de la feuille de style CSS.</p>
+
+<div>Les valeurs définies de mes propriétés utilisent
+    les valeurs initiales (par défaut) car aucune n'est fournie
+    dans la feuille de style CSS.</div>
+
+<div class="fun">
+  <p>La valeur définie pour ma police n'est pas fournie explicitement
+     dans la feuille de style et est donc héritée de mon parent.
+     Toutefois, la bordure n'est pas une propriété héritée.</p>
+</div>
+ +

CSS

+ +
.fun {
+  border: 1px dotted pink;
+  font-family: fantasy;
+}
+
+p {
+  color: green;
+}
+
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples", 500, 220)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{SpecName("CSS2.2", "cascade.html#specified-value", "cascaded value")}}{{Spec2("CSS2.2")}}
{{SpecName("CSS2.1", "cascade.html#specified-value", "cascaded value")}}{{Spec2("CSS2.1")}}Définition initiale.
+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf