Comanda - CSS-Tricks

Anonim

orderProprietatea este o sub-proprietate a modulului flexibil Box Layout.

Elementele flexibile sunt afișate în aceeași ordine în care apar în documentul sursă în mod implicit. orderProprietatea poate fi folosit pentru a modifica această ordine.

Sintaxă

order: .flex-item ( order: 2; )

Demo

Următoarea demonstrație arată cum a fost modificată comanda implicită (1, 2, 3, 4, 5) prin setarea proprietății comenzii pentru fiecare articol.

Verificați acest stilou!

Suport pentru browser

  • (modern) înseamnă sintaxa recentă din specificație (de exemplu display: flex;)
  • (hibrid) înseamnă o sintaxă neoficială ciudată din 2011 (de exemplu display: flexbox;)
  • (vechi) înseamnă sintaxa veche din 2009 (de exemplu display: box;)
Crom Safari Firefox Operă IE Android iOS
21+ (modern)
20- (vechi)
3.1+ (vechi) 2-21 (vechi)
22+ (nou)
12.1+ (modern) 10+ (hibrid) 2.1+ (vechi) 3.2+ (vechi)

Browserul Blackberry 10+ acceptă noua sintaxă.

Pentru mai multe informații despre cum să amestecați sintaxele pentru a obține cea mai bună asistență pentru browser, vă rugăm să consultați acest articol (CSS-Tricks) sau acest articol (DevOpera).