CSS3 상자 - 서수 그룹 속성
예
상자의 자식 요소의 표시 순서 :
.box
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}
»시도
브라우저 지원
현재 주류 브라우저는 상자 서수 그룹 속성을 지원하지 않습니다.
사유 재산의 MS-플렉스 차 지원으로 인터넷 익스플로러 10.
개인 재산 -moz-박스 서수 그룹 지원으로 파이어 폭스.
개인 재산, -webkit-박스 서수 그룹 지원으로 사파리와 크롬.
참고 : 인터넷 익스플로러 9 IE 이전 버전의 유연 상자를 지원하지 않습니다.
정의 및 지침을 속성
상자 서수 그룹 속성은 디스플레이 순서의 하위 요소의 선택을 지정한다.
높은 값을 갖는 이들 원소 전에 낮은 값을 갖는 표시 소자.
주 : 순서 값들의 동일한 세트의요소들이 소스 주문에 따라.
기본값 : | (1) |
---|---|
상속 : | 아니 |
버전 : | CSS3 |
자바 스크립트 구문 : | .style.boxOrdinalGroup = 2 개체 |
문법
상자 - 서수-그룹 :정수;
값 | 기술 |
---|---|
정수 | 하위 요소의 표시 순서를 나타내는 정수 |