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/box-ordinal-group/index.md | 49 +++++++++++++---------------- 1 file changed, 22 insertions(+), 27 deletions(-) (limited to 'files/fr/web/css/box-ordinal-group') diff --git a/files/fr/web/css/box-ordinal-group/index.md b/files/fr/web/css/box-ordinal-group/index.md index b9d400c5d1..bcf886b07f 100644 --- a/files/fr/web/css/box-ordinal-group/index.md +++ b/files/fr/web/css/box-ordinal-group/index.md @@ -8,18 +8,17 @@ tags: - Reference translation_of: Web/CSS/box-ordinal-group --- -
{{CSSRef}}{{Non-standard_header}}
+{{CSSRef}}{{Non-standard_header}} -
-

Attention : Cette propriété fait partie de la première version du standard pour les boîtes flexibles (flexbox) et sera remplacée dans une prochaine version.

-
+> **Attention :** Cette propriété fait partie de la première version du standard pour les boîtes flexibles (_flexbox_) et sera remplacée dans une prochaine version. -

La propriété box-ordinal-group permet d'affecter les éléments fils d'une boîtes flexible à un groupe numéroté. Pour plus de détails, se référer à la page Flexbox qui décrit les différentes propriétés des boîtes flexibles.

+La propriété **`box-ordinal-group`** permet d'affecter les éléments fils d'une boîtes flexible à un groupe numéroté. Pour plus de détails, se référer à la page [Flexbox](/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox) qui décrit les différentes propriétés des boîtes flexibles. -

Voir la page Flexbox pour plus d'informations.

+Voir la page [Flexbox](/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox) pour plus d'informations. -
/* Un entier indiquant le groupe */
-/* Type <integer>                */
+```css
+/* Un entier indiquant le groupe */
+/* Type                 */
 box-ordinal-group: 1;
 box-ordinal-group: 5;
 
@@ -27,35 +26,31 @@ box-ordinal-group: 5;
 box-ordinal-group: inherit;
 box-ordinal-group: initial;
 box-ordinal-group: unset;
-
+``` -

Les groupes ordinaux peuvent être utilisés avec la propriété {{cssxref("box-direction")}} afin de contrôler l'ordre dans lequel les éléments fils apparaissent dans la boîte. Lorsque la valeur calculée de box-direction est normal, une boîte affichera ses éléments en commençant par le groupe dont l'ordre est le plus faible et les disposera de gauche à droite pour les boîtes horizontales et du haut vers le bas pour les boîtes verticales. Les éléments dont l'ordre est égal seront disposés dans l'ordre dans lequel ils apparaissent. Lorsque la direction est inversée, les ordres sont gérés de la même façon, les éléments apparaîtront dans l'ordre inverse.

+Les groupes ordinaux peuvent être utilisés avec la propriété {{cssxref("box-direction")}} afin de contrôler l'ordre dans lequel les éléments fils apparaissent dans la boîte. Lorsque [la valeur calculée](/fr/docs/Web/CSS/computed_value) de **`box-direction`** est `normal`, une boîte affichera ses éléments en commençant par le groupe dont l'ordre est le plus faible et les disposera de gauche à droite pour les boîtes horizontales et du haut vers le bas pour les boîtes verticales. Les éléments dont l'ordre est égal seront disposés dans l'ordre dans lequel ils apparaissent. Lorsque la direction est inversée, les ordres sont gérés de la même façon, les éléments apparaîtront dans l'ordre inverse. -

Syntaxe

+## Syntaxe -

Cette propriété se définit avec un entier positif.

+Cette propriété se définit avec un entier positif. -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Spécifications

+## Spécifications - +- [Brouillon de travail pour le module des boîtes flexibles (W3C)](https://www.w3.org/TR/css3-flexbox/){{Note("L'état actuel de cette spécification ne reflète pas l'implémentation de Gecko ou WebKit.")}} +- [Ancienne version de la spécification.](https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/){{Note("Les implémentations de WebKit et Gecko reflètent cette version de la spécification.")}} -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.box-ordinal-group")}}

+{{Compat("css.properties.box-ordinal-group")}} -

Voir aussi

+## Voir aussi - +- {{cssxref("box-flex")}}, +- {{cssxref("box-flex-group")}}, +- {{cssxref("box-pack")}} -- cgit v1.2.3-54-g00ecf