아이템의 순서 정하는 속성

order

 

The order CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order value and then by their source code order.

 

/* <integer> values */
order: 5;
order: -5;

Since: order is only meant to affect the visual order of elements and not their logical or tab order. order must not be used on non-visual media such as speech.

참고: order 속성은 논리적인 순서나 탭 순서와는 전혀 상관 없이 화면에 보이는 순서에만 영향을 줍니다. 따라서 비시각적 매체에 적용해선 안됩니다.

---

• 기본값은 0이고, 작은 값이 있는 요소부터 출력
• 값이 같다면 입력한 순서대로 출력