CSS3 box-ordinal-groupPropriété
Exemple
L'ordre d'affichage des éléments enfants d'une boîte spécifiée :
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari et Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari et Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari et Chrome */
box-ordinal-group:2;
}
Essayez-le vous-même »
Prise en charge des navigateurs
Actuellement, les navigateurs courants ne prennent pas en charge la propriété box-ordinal-group.
Internet Explorer 10 prend en charge cela via la propriété privée ms-flex-order.
Firefox prend en charge cela via la propriété privée -moz-box-ordinal-group.
Safari et Chrome le prennent en charge via la propriété privée -webkit-box-ordinal-group.
Remarque :Internet Explorer 9 et les versions IE antérieures ne prennent pas en charge flexbox.
Définition de l'attribut et instructions d'utilisation
La propriété box-ordinal-group spécifie l'ordre d'affichage des éléments enfants d'une boîte.
Les éléments avec une valeur inférieure sont affichés avant les éléments avec une valeur supérieure.
Remarque :Les éléments ayant la même valeur de groupe sont affichés dans leur ordre d'apparition dans le code source.
| Valeur par défaut : | 1 |
|---|---|
| Héritée : | non |
| version : | CSS3 |
| Syntaxe JavaScript : | object.style.boxOrdinalGroup=2 |
Syntaxe
| Valeur | Description |
|---|---|
| entier | Un entier indiquant l'ordre d'affichage des éléments enfants. |