스타일 순서 속성

정의와 사용법

order 속성은 휴리스틱 아이템이 동일한 컨테이너 내의 다른 휴리스틱 아이템에 비해의 순서를 정의합니다.

비고:요소가 휴리스틱 아이템이 아니면 order 속성이 유효하지 않습니다.

추가 참조:

CSS 참조 설명서:order 속성

예제

휴리스틱 아이템의 순서 설정:

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

직접 시도해보세요

문법

order 속성 반환:

object.style.order

order 속성 설정:

object.style.order = "number|initial|inherit"

속성 값

값 설명
number 기본 값 0. 휴리스틱 아이템의 순서를 정의합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 이 속성을 부모 요소에서 상속합니다. 참조: inherit.

기술 세부 사항

기본 값: 0
반환 값: 문자열, 요소의 order 속성.
CSS 버전: CSS3

브라우저 지원

표에 수록된 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 12.0 지원 지원 지원

관련 페이지

HTML DOM STYLE 참조 설명서:alignContent 속성

HTML DOM STYLE 참조 설명서:alignItems 속성

HTML DOM STYLE 참조 설명서:alignSelf 속성

HTML DOM STYLE 참조 설명서:flex 속성

HTML DOM STYLE 참조 설명서:flexBasis 속성

HTML DOM STYLE 참조 설명서:flexDirection 속성

HTML DOM STYLE 참조 설명서:flexFlow 속성

HTML DOM STYLE 참조 설명서:flexGrow 속성

HTML DOM STYLE 참조 설명서:flexShrink 속성

HTML DOM STYLE 참조 설명서:flexWrap 속성