loader

Cвойство order в CSS определяет порядок расположения гибких элементов относительно других гибких элементов, находящихся внутри того же контейнера. Обратите внимание, что данное свойство действует только на элементы, которые являются частью гибкого макета (flex или grid). Важно обеспечить каждому элементу собственное значение order, чтобы корректно управлять их порядком. По умолчанию, значение order установлено на 0. Если не задано значение order для других элементов, то элементы будут автоматически выстраиваться в порядке, определенном по умолчанию. При использовании отрицательных значений, например, -1, элемент будет располагаться в самом левом углу контейнера, а при положительных значениях, таких как 1, элемент окажется в самом правом углу контейнера.

Order հատկությունը սահմանում է ճկուն տարրերի հերթականությունը նույն կոնտեյների ներսում գտնվող այլ ճկուն տարրերի նկատմամբ: Նկատի ունեցեք, որ այս հատկությունը ազդում է միայն այն տարրերի վրա, որոնք ճկուն դասավորության մաս են կազմում (flex կամ grid): Կարևոր է յուրաքանչյուր տարրի տրամադրել իր order արժեքը, որպեսզի պատշաճ կերպով վերահսկվի դրանց կարգը: Սովորաբար, order արժեքը սահմանված է 0: Եթե order արժեքը սահմանված չէ այլ տարրերի համար, ապա տարրերը ավտոմատ կերպով կդասավորվեն սովորաբական հերթականությամբ: Բացասական արժեքների օգտագործումը, օրինակ՝ -1, տարրը կտեղադրի տարայի հենց ձախ անկյունում, մինչդեռ դրական արժեքների օգտագործումը, օրինակ՝ 1, տարրը կտեղադրի տարայի հենց աջ անկյունում:

Синтаксис

Գրելաձև

order: 3; ⟿ Представляет порядковую группу. order: 3; ⟿ Ներկայացնում է շարքային խումբ.

Пример

Օրինակ

See the Pen order by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

wbr image
Поддержка браузера дляԲրաուզերի աջակցությունը order элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 11+ 12+ 29+ 20+ 9+ 12.1+
Notes