Le meilleur didacticiel box-ordinal groupe CSS3 propriété en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,support du navigateur,Définition des attributs et des instructions,grammaire,

box-ordinal groupe CSS3 propriété

Exemples

ordre des éléments d'une boîte de l'enfant d'affichage:

.box
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and 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 and 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 and Chrome */
box-ordinal-group:2;
}

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Les navigateurs courants actuels ne prennent pas en charge la propriété box-ordinal-groupe.

Internet Explorer 10 par le soutien privé propriété ms-flex-commande.

Firefox par la propriété privée support -moz-box-ordinal-groupe.

Safari et Chrome par le soutien propriété privée, -webkit-box-ordinal-groupe.

Remarque: Internet Explorer 9 et les versions antérieures de IE ne prennent pas en charge la boîte flexible.


Définition des attributs et des instructions

attribut box-ordinal-groupe spécifie une boîte de l'élément de l'ordre d'affichage enfant.

Un élément d'affichage ayant une valeur inférieure avant que ces éléments avec des valeurs plus élevées dans.

Remarque: Les éléments du même ensemble de valeurs de l'ordre, en fonction de leur ordre d'origine.

Par défaut: 1
Héritage: aucun
Version: CSS3
Syntaxe JavaScript: objet .style.boxOrdinalGroup = 2


grammaire

box-ordinal-groupe:integer;

valeur description
entier Un entier qui indique l'ordre de sous-éléments d'affichage
box-ordinal groupe CSS3 propriété
10/30