Latest web development tutorials

HTML DOM 스타일 속성을 주문

스타일 객체 참조 스타일 개체

예

유연한 항목의 순서를 설정합니다 :

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

»시도

정의 및 사용

순서 속성은 다른 항목에 동일한가요 성 용기의 순서에 대하여가요 프로젝트를 지정한다.

주 : 소자가요 프로젝트가 아닌 경우, 오더 특성은 작동하지 않는다.

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

파이어 폭스, 오페라와 크롬 지원하기 위해 속성입니다.

문법

반환 속성을 주문 :

object .style.order

주문 속성을 설정합니다 :

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

속성 값

值 描述
number 默认值是 0。规定灵活项目的顺序。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

기술 세부 사항

기본값 : 0
반환 값 : 요소의 순서 속성을 표시하는 문자열.
CSS 버전 CSS3

관련 기사

CSS 참조 설명서 : 주문 속성

HTML DOM STYLE 참조 : alignContent 속성

HTML DOM 스타일 참조 : alignItems 속성

HTML DOM STYLE 참조 : alignSelf 속성

HTML DOM 스타일 참조 : 플렉스 등록

HTML DOM 스타일 참조 : flexBasis 속성

HTML DOM STYLE 참조 : flexDirection 속성

HTML DOM STYLE 참조 : FlexFlow 등록

HTML DOM 스타일 참조 : flexGrow 속성

HTML DOM 스타일 참조 : flexShrink 속성

HTML DOM 스타일 참조 : flexWrap 속성

스타일 객체 참조 스타일 개체