CSS 순서 속성
예
탄성 상자 개체 요소 순서 :
div#myRedDIV {order:2;}
div#myBlueDIV {order:4;}
div#myGreenDIV {order:3;}
div#myPinkDIV {order:1;}
div#myBlueDIV {order:4;}
div#myGreenDIV {order:3;}
div#myPinkDIV {order:1;}
»시도
브라우저 지원
표의 수치 속성 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 접두사 속성을 지원하는 첫 번째 버전 이후 디지털 -webkit-, -ms- 또는 -moz-를 다음과 같습니다.
재산 | |||||
---|---|---|---|---|---|
순서 | 29.0 21.0 -webkit- | 11.0 | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
정의 및 사용
순서 순서는 속성 집합 또는 유연한 파우치 모델 객체의 하위 요소를 검색합니다. .
주 : 소자는 탄성 요소 상자 오브젝트가 아닌 경우, 오더 특성은 작동하지 않는다.
기본값 : | 0 |
---|---|
상속 : | 아니 |
애니메이션 할 수 있습니다 : | 예, 개별 속성을 참조하십시오.참조하시기 바랍니다 애니메이션 (애니메이션) . 시험 |
버전 : | CSS3 |
자바 스크립트 구문 : | = "2".style.order 개체시도 |
CSS 구문
order:number|initial|inherit;
속성 값
值 | 描述 |
---|---|
number | 默认值是 0。规定灵活项目的顺序。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
관련 기사
CSS 참조 : 플렉스 등록
CSS 참조 설명서 : 플렉스 - 기초 속성
CSS 참조 설명서 : 플렉스 방향 속성
CSS 참조 설명서 : 플렉스 흐름 속성
CSS 참조 설명서 : 속성을 플렉스 - 성장
CSS 참조 설명서 : 속성을 플렉스 - 축소
CSS 참조 설명서 : 플렉스 랩 속성
CSS의 참조 : = 왼쪽 컨텐츠 속성을 맞 춥니 다
CSS 참조 : 정렬 = 왼쪽 속성 항목보기
CSS의 참조 : = 왼쪽 자체의 속성을 맞 춥니 다