propriété css box-ordinal-group
Résultats de traduction：
Troisième personne du singulier : boxes Pluriel : boxes Participe présent : boxing Passé : boxed Participe passé : boxed
ordinalAnglais [ˈɔ:dɪnl] Américain [ˈɔ:rdənl]
n Ordinal. nombre; Comparez
adj.Ordinal
pluriel: ordinaux
groupe
Anglais [gru:p] Américain [ɡrup]
n. ; (britannique et américain) de) Air Force Brigade
vt.& vi grouper, rassembler
vt classer, catégoriser
Troisième personne du singulier : groupes Pluriel : groupes Participe présent : regroupement Passé : groupé Participe passé. : groupé Fonction : Spécifie l'ordre d'affichage des sous-éléments dans la boîte. Syntaxe : box-ordinal-group : entier; Description : integer Un entier indiquant l'ordre d'affichage des éléments enfants. Remarque : Regroupez les éléments ayant la même valeur et leur ordre d'affichage dépend de leur ordre source. Aucun navigateur ne prend actuellement en charge l'attribut box-ordinal-group. Firefox prend en charge une propriété alternative -moz-box-ordinal-group. Safari et Chrome prennent en charge une propriété alternative -webkit-box-ordinal-group. Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en lignepropriété css box-ordinal-groupsyntaxe
propriété css box-ordinal-groupexemple
<!DOCTYPE html>
<html>
<head>
<style>
.box
{
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}
</style>
</head>
<body>
<div class="box">
<div class="ord2">第一个 DIV</div>
<div class="ord1">第二个 DIV</div>
<div class="ord1">第三个 DIV</div>
</div>
<p><b>注释：</b>IE 或 Opera 不支持 box-ordinal-group 属性。</p>
</body>
</html>
Exécuter l'instance »