From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/unset/index.md | 137 ++++++++++++++++++---------------------- 1 file changed, 61 insertions(+), 76 deletions(-) (limited to 'files/fr/web/css/unset') 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 --- -
{{CSSRef}}
+{{CSSRef}} -

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.

+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`. -

Exemples

+## Exemples -

Avec color

+### Avec `color` -

CSS

+#### CSS -
p {
+```css
+p {
   color: red;
 }
 
 #sidebar p {
   color: unset;
 }
-
+``` -

HTML

+#### HTML -
<p>This text is red</p>
-<div id="sidebar">
-  <p>This text has the default color</p>
-</div>
-
+```html +

This text is red

+ +``` -

Résultat

+#### Résultat -

{{EmbedLiveSample('Avec_color', '100%', '120')}}

+{{EmbedLiveSample('Avec_color', '100%', '120')}} -

Avec border

+### Avec `border` -

CSS

+#### CSS -
div {
+```css
+div {
   border: 1px solid green;
 }
 
@@ -53,61 +56,43 @@ p {
 
 .truc p {
   border-color: unset;
-}
- -

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ÉtatCommentaires
{{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

- - +} +``` + +#### HTML + +```html +

Ce texte a une bordure rouge.

+
+

Ce texte a une bordure rouge

+
+
+

Ce texte a une bordure noire (la valeur initiale, non héritée)

+
+``` + +#### 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. -- cgit v1.2.3-54-g00ecf