1. Heim
  2. CSS3 Box-ordinal-Gruppeneigenschaft

Das beste CSS3 Box-ordinal-Gruppeneigenschaft-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Browser-Unterstützung,Attributdefinitionen und Anweisungen,Grammatik, lernen

CSS3 Box-ordinal-Gruppeneigenschaft

Beispiele

Anzeigereihenfolge der untergeordneten Elemente einer Box:

.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;
}

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Die aktuellen Mainstream-Browser nicht Box-ordinal-Gruppe Eigenschaft unterstützen.

Internet Explorer 10 von Privateigentum ms-flex-order-Unterstützung.

Firefox durch Privateigentum -moz-box-ordinal-Gruppe zu unterstützen.

Safari und Chrome von Privateigentum, -webkit-box-ordinal-Gruppe zu unterstützen.

Hinweis: Internet Explorer 9 und früheren Versionen von IE nicht unterstützt flexible Box.

Attributdefinitionen und Anweisungen

Box-ordinal-Gruppe Attribut gibt ein Feld des Kindes Element der Anzeigereihenfolge.

Ein Anzeigeelement in einen niedrigeren Wert, bevor diese Elemente mit höheren Werten.

Hinweis: Die Elemente des gleichen Satzes von Werten in der Größenordnung, in Abhängigkeit von ihrer Quelle um.

Standard: 1
Vererbung: keine
Version: CSS3
JavaScript-Syntax: Objekt .style.boxOrdinalGroup = 2

Grammatik

Box-ordinal-Gruppe:integer;

Wert Beschreibung
ganze Zahl Eine ganze Zahl, die die Reihenfolge der Anzeige von Unterelementen zeigt

Hot Tutorials

Kontaktiere uns

CSS3 Box-ordinal-Gruppeneigenschaft
10/30