1. Home
  2. CSS3 상자 방향 속성

최고의 CSS3 상자 방향 속성 튜토리얼 2024년, 이 튜토리얼에서는 예,브라우저 지원,정의 및 지침을 속성,문법,를 배울 수 있습니다.

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;
}

»시도

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

현재 주류 브라우저 상자 방향 속성을 지원하지 않습니다.

-ms-플렉스 방향으로 지원하여 Internet Explorer 10 개인 재산.

MOZ 박스 방향 지원 - 개인 재산으로 파이어 폭스.

개인 재산 -webkit-상자 방향 속성에 의해 사파리와 크롬.

참고 : 인터넷 익스플로러 9 IE 이전 버전의 유연 상자를 지원하지 않습니다.

정의 및 지침을 속성

상자 방향 특성은 방향 표시 상자의 하위 요소를 지정한다.

기본값 : 표준
상속 : 아니
버전 : CSS3
자바 스크립트 구문 : .style.boxDirection는 = "역"객체

문법

상자 방향 : 일반 | 역 | 상속;

값 기술
표준 기본 방향 디스플레이 서브 요소.
역 자식 요소의 반대 방향.
상속 당신은 하위 요소의 속성 값 상자 방향을 상속한다

핫 튜토리얼

Contact US

CSS3 상자 방향 속성
10/30