Neueste Web-Entwicklung Tutorials

×

JavaScript Referenz

JavaScript

JS Schnur JS Nummer JS Die Betreiber JS Statements JS Mathe JS Datum JS Feld JS Boolean JS RegExp JS Gesamtsituation JS Umwandlung

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elements DOM Attribute DOM Ereignis DOM Stil

HTML Objekte

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Andere Objekte

CSSStyleDeclaration

Style order Property

<Style - Objekt

Beispiel

Legen Sie die Reihenfolge der flexiblen Elemente:

document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";

Versuch es selber "

Definition und Verwendung

Die Reihenfolge Eigenschaft gibt die Reihenfolge eines flexiblen Element relativ zu dem Rest der flexiblen Elemente in dem gleichen Behälter.

Note: Wenn das Element nicht ein flexibles Element ist, die Reihenfolge Eigenschaft hat keine Auswirkungen.

Browser-Unterstützung

Die Reihenfolge Eigenschaft wird in Firefox, Opera und Chrome unterstützt.

Syntax

Rückkehr der Auftrag Eigenschaft:

object .style.order

Legen Sie die Reihenfolge Eigenschaft:

object .style.order=" Eigenschaftswerte

Wert	Beschreibung
number	Standardwert 0. Gibt die Reihenfolge für das flexible Element
initial	Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit	Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert:	0
Rückgabewert:	Ein String, die die Reihenfolge Eigenschaft eines Elements
CSS Version	CSS3

Verwandte Seiten

CSS - Referenz: order property

HTML - DOM - ART - Referenz: alignContent property

HTML - DOM - ART - Referenz: alignItems property

HTML - DOM - ART - Referenz: alignSelf property

HTML - DOM - ART - Referenz: flex property - flex property

HTML - DOM - ART - Referenz: flexBasis property

HTML - DOM - ART - Referenz: flexDirection property

HTML - DOM - ART - Referenz: flexFlow property - flexFlow property

HTML - DOM - ART - Referenz: flexGrow property

HTML - DOM - ART - Referenz: flexShrink property

HTML - DOM - ART - Referenz: flexWrap property

<Style - Objekt