diff options
author | julieng <julien.gattelier@gmail.com> | 2021-09-17 20:59:20 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-12 07:57:33 +0200 |
commit | 258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch) | |
tree | a8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/unset | |
parent | 149319bb8c7b1394a443f0877c3460cd362aa815 (diff) | |
download | translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2 translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip |
convert content to md
Diffstat (limited to 'files/fr/web/css/unset')
-rw-r--r-- | files/fr/web/css/unset/index.md | 137 |
1 files changed, 61 insertions, 76 deletions
diff --git a/files/fr/web/css/unset/index.md b/files/fr/web/css/unset/index.md index 06d3b6eb11..8d2fbf9a9c 100644 --- a/files/fr/web/css/unset/index.md +++ b/files/fr/web/css/unset/index.md @@ -8,42 +8,45 @@ tags: - Web translation_of: Web/CSS/unset --- -<div>{{CSSRef}}</div> +{{CSSRef}} -<p>Le mot-clé <strong><code>unset</code></strong> correspond à la combinaison des mots-clés {{cssxref("initial")}} et {{cssxref("inherit")}}. Comme les autres mots-clés globaux à tout CSS, il peut être utilisé pour n'importe quelle propriété CSS, y compris la propriété raccourcie {{cssxref("all")}}. Ce mot-clé <em>réinitialise</em> la propriété afin que sa valeur soit la valeur héritée depuis l'élément parent ou soit la valeur initiale (s'il n'y a pas d'héritage). Autrement dit, s'il y a de l'héritage, ce mot-clé se comporte comme <code>inherit</code>, sinon, il se comporte comme <code>initial</code>.</p> +Le mot-clé **`unset`** correspond à la combinaison des mots-clés {{cssxref("initial")}} et {{cssxref("inherit")}}. Comme les autres mots-clés globaux à tout CSS, il peut être utilisé pour n'importe quelle propriété CSS, y compris la propriété raccourcie {{cssxref("all")}}. Ce mot-clé _réinitialise_ la propriété afin que sa valeur soit la valeur héritée depuis l'élément parent ou soit la valeur initiale (s'il n'y a pas d'héritage). Autrement dit, s'il y a de l'héritage, ce mot-clé se comporte comme `inherit`, sinon, il se comporte comme `initial`. -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="Avec_color">Avec <code>color</code></h3> +### Avec `color` -<h4 id="CSS">CSS</h4> +#### CSS -<pre class="brush: css">p { +```css +p { color: red; } #sidebar p { color: unset; } -</pre> +``` -<h4 id="HTML">HTML</h4> +#### HTML -<pre class="brush: html"><p>This text is red</p> -<div id="sidebar"> - <p>This text has the default color</p> -</div> -</pre> +```html +<p>This text is red</p> +<div id="sidebar"> + <p>This text has the default color</p> +</div> +``` -<h4 id="Résultat">Résultat</h4> +#### Résultat -<p>{{EmbedLiveSample('Avec_color', '100%', '120')}}</p> +{{EmbedLiveSample('Avec_color', '100%', '120')}} -<h3 id="Avec_border">Avec <code>border</code></h3> +### Avec `border` -<h4 id="CSS_2">CSS</h4> +#### CSS -<pre class="brush: css">div { +```css +div { border: 1px solid green; } @@ -53,61 +56,43 @@ p { .truc p { border-color: unset; -}</pre> - -<h4 id="HTML_2">HTML</h4> - -<pre class="brush: html"><p>Ce texte a une bordure rouge.</p> -<div class="toto"> - <p>Ce texte a une bordure rouge</p> -</div> -<div class="truc"> - <p>Ce texte a une bordure noire (la valeur initiale, non héritée)</p> -</div> -</pre> - -<h4 id="Résultat_2">Résultat</h4> - -<p>{{EmbedLiveSample('Avec_border','100%','200')}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('CSS4 Cascade', '#inherit-initial', 'unset')}}</td> - <td>{{Spec2('CSS4 Cascade')}}</td> - <td>Aucun changement depuis Level 3</td> - </tr> - <tr> - <td>{{SpecName('CSS3 Cascade', '#inherit-initial', 'unset')}}</td> - <td>{{Spec2('CSS3 Cascade')}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("css.types.global_keywords.unset")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les valeurs globales qui peuvent s'appliquer pour toutes les propriétés CSS : - <ul> - <li>{{cssxref("initial")}},</li> - <li>{{cssxref("inherit")}},</li> - <li>{{cssxref("unset")}},</li> - <li>{{cssxref("revert")}}.</li> - </ul> - </li> - <li>La propriété {{cssxref("all")}} est une propriété raccourcie qui permet de réinitialiser l'ensemble des propriétés avec leurs valeurs initiales, héritées, annulées ou indéfinies.</li> -</ul> +} +``` + +#### HTML + +```html +<p>Ce texte a une bordure rouge.</p> +<div class="toto"> + <p>Ce texte a une bordure rouge</p> +</div> +<div class="truc"> + <p>Ce texte a une bordure noire (la valeur initiale, non héritée)</p> +</div> +``` + +#### Résultat + +{{EmbedLiveSample('Avec_border','100%','200')}} + +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------------------- | +| {{SpecName('CSS4 Cascade', '#inherit-initial', 'unset')}} | {{Spec2('CSS4 Cascade')}} | Aucun changement depuis Level 3 | +| {{SpecName('CSS3 Cascade', '#inherit-initial', 'unset')}} | {{Spec2('CSS3 Cascade')}} | Définition initiale | + +## Compatibilité des navigateurs + +{{Compat("css.types.global_keywords.unset")}} + +## Voir aussi + +- Les valeurs globales qui peuvent s'appliquer pour toutes les propriétés CSS : + + - {{cssxref("initial")}}, + - {{cssxref("inherit")}}, + - {{cssxref("unset")}}, + - {{cssxref("revert")}}. + +- La propriété {{cssxref("all")}} est une propriété raccourcie qui permet de réinitialiser l'ensemble des propriétés avec leurs valeurs initiales, héritées, annulées ou indéfinies. |