aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/unset
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-09-17 20:59:20 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-12 07:57:33 +0200
commit258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch)
treea8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/unset
parent149319bb8c7b1394a443f0877c3460cd362aa815 (diff)
downloadtranslated-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.md137
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">&lt;p&gt;This text is red&lt;/p&gt;
-&lt;div id="sidebar"&gt;
- &lt;p&gt;This text has the default color&lt;/p&gt;
-&lt;/div&gt;
-</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">&lt;p&gt;Ce texte a une bordure rouge.&lt;/p&gt;
-&lt;div class="toto"&gt;
- &lt;p&gt;Ce texte a une bordure rouge&lt;/p&gt;
-&lt;/div&gt;
-&lt;div class="truc"&gt;
- &lt;p&gt;Ce texte a une bordure noire (la valeur initiale, non héritée)&lt;/p&gt;
-&lt;/div&gt;
-</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.