CSS3 상자 방향 속성
예
오른쪽에서 사업부 상자 자식 요소를 표시하려면, 왼쪽으로 :
div
{
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-direction:row-reverse;
/* Firefox */
display:-moz-box;
-moz-box-direction:reverse;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-direction:reverse;
/* W3C */
display:box;
box-direction:reverse;
}
{
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-direction:row-reverse;
/* Firefox */
display:-moz-box;
-moz-box-direction:reverse;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-direction:reverse;
/* W3C */
display:box;
box-direction:reverse;
}
»시도
브라우저 지원
현재 주류 브라우저 상자 방향 속성을 지원하지 않습니다.
-ms-플렉스 방향으로 지원하여 Internet Explorer 10 개인 재산.
MOZ 박스 방향 지원 - 개인 재산으로 파이어 폭스.
개인 재산 -webkit-상자 방향 속성에 의해 사파리와 크롬.
참고 : 인터넷 익스플로러 9 IE 이전 버전의 유연 상자를 지원하지 않습니다.
정의 및 지침을 속성
상자 방향 특성은 방향 표시 상자의 하위 요소를 지정한다.
| 기본값 : | 표준 |
|---|---|
| 상속 : | 아니 |
| 버전 : | CSS3 |
| 자바 스크립트 구문 : | .style.boxDirection는 = "역"객체 |
문법
상자 방향 : 일반 | 역 | 상속;
| 값 | 기술 |
|---|---|
| 표준 | 기본 방향 디스플레이 서브 요소. |
| 역 | 자식 요소의 반대 방향. |
| 상속 | 당신은 하위 요소의 속성 값 상자 방향을 상속한다 |