order - Kurs HTML i CSS

(CSS 3 - interpretuje Internet Explorer 10, Firefox, Opera 12, Chrome) selektor { order: kolejność } Selektorem mogą być dzieci kontenera elastycznego (ale nie sam kontener). Natomiast kolejność to liczba całkowita, domyślnie równa zero. Elementy z przypisaną niższą wartością, będą wyświetlane w pierwszej kolejności. Wartości ujemne pozwalają przesunąć dowolny element na miejsce przed pierwszym. Elementy z przypisaną taką samą liczbą, wyświetlą się w kolejności ich występowania w kodzie...

...specjalnym blokiem reguł warunkowych: @supports (display: flex) { body { display: flex; } #MENU { width: 150px; min-width: 150px; order: -1; overflow: hidden; } } Natomiast dla przeglądarek, które nie obsługują takiego układu, możemy podać alternatywne reguły CSS: @supports not (display: flex) { #MENU { width: 150px; float: left; overflow: hidden; position: relative; } #TRESC { margin-left: 150px; } } Możliwe jest również określanie bardziej...

...treści align-content align-items align-self flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap justify-content order align-content Wyrównanie wierszy Wartość flex-start | flex-end | center | space-between | space-around | stretch Inicjalizacja stretch Zastosowanie kontener elastyczny, którego elementy zostały ułożone w wielu wierszach Dziedziczenie nie Procenty nie align-items Wspólne wyrównanie wiersza Wartość flex-start | flex-end | center...

Źródło: CSS Display Module Level 3 Spis treści display order visibility display Wyświetlanie Wartość [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> Inicjalizacja inline Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie order Kolejność Wartość <integer> Inicjalizacja 0 Zastosowanie dzieci kontenera elastycznego i dzieci kontenera układu siatki Dziedziczenie nie Procenty nie visibility...