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/all/index.md | 206 +++++++++++++++++++++--------------------- 1 file changed, 104 insertions(+), 102 deletions(-) (limited to 'files/fr/web/css/all') diff --git a/files/fr/web/css/all/index.md b/files/fr/web/css/all/index.md index 335620c2ee..cc10151b9d 100644 --- a/files/fr/web/css/all/index.md +++ b/files/fr/web/css/all/index.md @@ -7,63 +7,64 @@ tags: - Reference translation_of: Web/CSS/all --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété raccourcie all permet de réinitialiser toutes les propriétés, à l'exception de {{cssxref("unicode-bidi")}} et {{cssxref("direction")}}, avec leurs valeurs initiales, héritées ou qui proviennent d'une autre feuille de style.

+La [propriété raccourcie](/fr/docs/Web/CSS/Propri%C3%A9t%C3%A9s_raccourcies) **`all`** permet de réinitialiser toutes les propriétés, à l'exception de {{cssxref("unicode-bidi")}} et {{cssxref("direction")}}, avec leurs valeurs initiales, héritées ou qui proviennent d'une autre feuille de style. -
{{EmbedInteractiveExample("pages/css/all.html")}}
+{{EmbedInteractiveExample("pages/css/all.html")}} -

Syntaxe

+## Syntaxe -
/* Valeurs globales */
+```css
+/* Valeurs globales */
 all: initial;
 all: inherit;
 all: unset;
 
 /* Héritage et cascade CSS : Niveau 4 */
 all: revert;
-
- -

La propriété all est définie avec un des mots-clés globaux de CSS. On notera que la valeur de cette propriété n'a pas d'impact sur les propriétés {{cssxref("unicode-bidi")}} et {{cssxref("direction")}}.

- -

Valeurs

- -
-
initial
-
Voir {{cssxref("initial")}}. Ce mot-clé indique que toutes les propriétés qui sont définies pour l'élément auquel s'applique all (ou qu'il hérite de cette valeur via un élément parent) devront prendre leurs valeurs initiales.
-
inherit
-
Voir {{cssxref("inherit")}}. Ce mot-clé indique que toutes les propriétés qui sont définies pour l'élément auquel s'applique all (ou qu'il hérite de cette valeur via un élément parent) devront prendre les valeurs héritées (c'est-à-dire celles définies pour le parent de l'élément).
-
unset
-
Voir {{cssxref("unset")}}. Ce mot-clé indique que toutes les propriétés qui s'appliquent à l'élément ou à son parent prendront la valeur déclarée pour le parent si elles peuvent être héritées ou la valeur initiale sinon.
-
revert
-
Voir {{cssxref("revert")}}. Si la valeur obtenue dans la cascade est le mot-clé revert, le comportement obtenu sera différent selon l'origine de la déclaration : -
-
La déclaration provient de l'agent utilisateur :
-
Synonyme de unset.
-
La déclaration provient de l'utilisateur :
-
Le moteur remonte la cascade au niveau de l'agent utilisateur afin de calculer la valeur comme si aucune règle n'était appliquée par le document ou par l'utilisateur.
-
La déclaration provient de l'auteur (du document)
-
Le moteur remonte la cascade au niveau de l'utilisateur afin de calculer la valeur comme si aucune règle ne provenait du document pour cette propriété.Cette origine inclue les origines des surcharges DOM et des animations.
-
-
-
- -

Syntaxe formelle

+``` + +La propriété `all` est définie avec un des mots-clés globaux de CSS. On notera que la valeur de cette propriété n'a pas d'impact sur les propriétés {{cssxref("unicode-bidi")}} et {{cssxref("direction")}}. + +### Valeurs + +- `initial` + - : Voir {{cssxref("initial")}}. Ce mot-clé indique que toutes les propriétés qui sont définies pour l'élément auquel s'applique `all` (ou qu'il hérite de cette valeur via un élément parent) devront prendre leurs valeurs initiales. +- `inherit` + - : Voir {{cssxref("inherit")}}. Ce mot-clé indique que toutes les propriétés qui sont définies pour l'élément auquel s'applique `all` (ou qu'il hérite de cette valeur via un élément parent) devront prendre les valeurs héritées (c'est-à-dire celles définies pour le parent de l'élément). +- `unset` + - : Voir {{cssxref("unset")}}. Ce mot-clé indique que toutes les propriétés qui s'appliquent à l'élément ou à son parent prendront la valeur déclarée pour le parent si elles peuvent être héritées ou la valeur initiale sinon. +- `revert` + + - : Voir {{cssxref("revert")}}. Si la valeur obtenue dans la cascade est le mot-clé `revert`, le comportement obtenu sera différent selon l'origine de la déclaration : + + - La déclaration provient de l'agent utilisateur : + - : Synonyme de `unset`. + - La déclaration provient de l'utilisateur : + - : Le moteur remonte [la cascade](/fr/docs/Apprendre/CSS/Introduction_%C3%A0_CSS/La_cascade_et_l_h%C3%A9ritage) au niveau de l'agent utilisateur afin de calculer la valeur comme si aucune règle n'était appliquée par le document ou par l'utilisateur. + - La déclaration provient de l'auteur (du document) + - : Le moteur remonte [la cascade](/fr/docs/Apprendre/CSS/Introduction_%C3%A0_CSS/La_cascade_et_l_h%C3%A9ritage) au niveau de l'utilisateur afin de calculer la valeur comme si aucune règle ne provenait du document pour cette propriété.Cette origine inclue [les origines des surcharges DOM et des animations](https://www.w3.org/TR/css-cascade-4/#origin). + +### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

HTML

+### HTML -
<blockquote id="quote">
+```html
+

   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-</blockquote>
-Phasellus eget velit sagittis.
+ +Phasellus eget velit sagittis. +``` -

CSS

+### CSS -
body {
+```css
+body {
   font-size: small;
   background-color: #F0F0F0;
   color: blue;
@@ -73,90 +74,91 @@ blockquote {
   background-color: skyblue;
   color: red;
 }
-
+``` + +### Résultat -

Résultat

+#### Pas de propriété `all` -

Pas de propriété all

+```html hidden +
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus eget velit sagittis. +``` - +```css hidden +body { font-size: small; background-color: #F0F0F0; color:blue; } +blockquote { background-color: skyblue; color: red; } +``` - {{EmbedLiveSample("ex0", "200", "125")}} -

L'élément {{HTMLElement("blockquote")}} utilise la mise en forme par défaut du navigateur avec un arrière-plan spécifique et une couleur pour le texte. L'élément se comporte comme un élément de bloc : le texte qui suit est placé en dessous.

+L'élément {{HTMLElement("blockquote")}} utilise la mise en forme par défaut du navigateur avec un arrière-plan spécifique et une couleur pour le texte. L'élément se comporte comme un élément de bloc : le texte qui suit est placé en dessous. -

all:unset

+#### `all:unset` - +```html hidden +
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus eget velit sagittis. +``` - +blockquote { all: unset; } +``` + {{EmbedLiveSample("ex1", "200", "125")}} -

L'élément {{HTMLElement("blockquote")}} n'utilise pas la mise en forme par défaut du naivgateur, c'est un élément en ligne (inline) (sa valeur initiale), la valeur de {{cssxref("background-color")}} est transparent (la valeur initiale), mais {{cssxref("font-size")}} vaut toujours small (valeur héritée) et {{cssxref("color")}} vaut (valeur héritée).

+L'élément {{HTMLElement("blockquote")}} n'utilise pas la mise en forme par défaut du naivgateur, c'est un élément en ligne (_inline_) (sa valeur initiale), la valeur de {{cssxref("background-color")}} est `transparent` (la valeur initiale), mais {{cssxref("font-size")}} vaut toujours `small` (valeur héritée) et {{cssxref("color")}} vaut (valeur héritée). -

all:initial

+#### `all:initial` - +```html hidden +
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus eget velit sagittis. +``` - +blockquote { all: initial; } +``` + {{EmbedLiveSample("ex2", "200", "125")}} -

L'élément {{HTMLElement("blockquote")}} n'utilise pas la mise en forme par défaut du navigateur, c'est un élément en ligne (sa valeur initiale). La propriété {{cssxref("background-color")}} vaut transparent (sa valeur initiale), {{cssxref("font-size")}} vaut normal (valeur initiale) et {{cssxref("color")}} vaut black (sa valeur initiale).

+L'élément {{HTMLElement("blockquote")}} n'utilise pas la mise en forme par défaut du navigateur, c'est un élément en ligne (sa valeur initiale). La propriété {{cssxref("background-color")}} vaut `transparent` (sa valeur initiale), {{cssxref("font-size")}} vaut `normal` (valeur initiale) et {{cssxref("color")}} vaut `black` (sa valeur initiale). -

all:inherit

+#### `all:inherit` - +```html hidden +
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus eget velit sagittis. +``` - +blockquote { all: inherit; } +``` + {{EmbedLiveSample("ex3", "200", "125")}} -

L'élément {{HTMLElement("blockquote")}} n'utilise pas la mise en forme par défaut du navigateur, c'est un élément de bloc (valeur héritée depuis l'élément englobant {{HTMLElement("div")}}), {{cssxref("background-color")}} vaut #F0F0F0 (valeur héritée), {{cssxref("font-size")}} vaut small (valeur héritée) et {{cssxref("color")}} vaut blue (valeur héritée).

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS4 Cascade', '#all-shorthand', 'all')}}{{Spec2('CSS4 Cascade')}}Ajout de la valeur revert.
{{SpecName('CSS3 Cascade', '#all-shorthand', 'all')}}{{Spec2('CSS3 Cascade')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.all")}}

- -

Voir aussi

- -

Les mots-clés indiquant des valeurs globales pour CSS :

- - +L'élément {{HTMLElement("blockquote")}} n'utilise pas la mise en forme par défaut du navigateur, c'est un élément de bloc (valeur héritée depuis l'élément englobant {{HTMLElement("div")}}), {{cssxref("background-color")}} vaut `#F0F0F0` (valeur héritée), {{cssxref("font-size")}} vaut `small` (valeur héritée) et {{cssxref("color")}} vaut `blue` (valeur héritée). + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------ | -------------------------------- | ---------------------------- | +| {{SpecName('CSS4 Cascade', '#all-shorthand', 'all')}} | {{Spec2('CSS4 Cascade')}} | Ajout de la valeur `revert`. | +| {{SpecName('CSS3 Cascade', '#all-shorthand', 'all')}} | {{Spec2('CSS3 Cascade')}} | Définition initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.all")}} + +## Voir aussi + +Les mots-clés indiquant des valeurs globales pour CSS : + +- {{cssxref("initial")}}, +- {{cssxref("inherit")}}, +- {{cssxref("unset")}}, +- {{cssxref("revert")}}. -- cgit v1.2.3-54-g00ecf