개체의 내용 흐름 방향인 표현되는 순서를 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 개체의 내용 흐름 방향인 표현되는 순서를 나타내는 문자열이다.

ltr 디폴트이며, 내용의 흐름이 왼쪽에서 오른쪽으로(left to right) 이다.
rtl 내용의 흐름이 왼쪽에서 오른쪽으로(right to left) 이다.
inherit 내요의 흐름이 상속된다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 ltr이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.

특기

라티어 문서의 알파벹 글자에는 영향을 주지 않는다. 이들 글자들은 항상 ltr로 표현된다. 그러나 이 속성은 라틴 문서의 알파벹에서도 구둣점에는 영향을 준다.

이 속성은 엘레멘트 내용의 흐름 방향만 결정한다. left나 right, margin-left나 margin-right 속성들과 같은 속성에는 영향을 주지 않는다. 예를들어 margin-left 속성은 direction 속성값에 관계없이 문서의 왼쪽 마진의 너비를 반환하거나 설정한다.

적용
개체scriptCSS IE 버전
참조
dir HTML 글자세트 목록

이 속성은 CSS2(Cascading Style Sheets Level 2)에 정의되었다.


This is a style direction example.
이 부분은 스타일 방향의 예제이다.
divObj.style.direction=
<STYLE>button {width:120}</STYLE>
<SCRIPT>
function fnSwitch(){
  divObj.style.direction=event.srcElement.innerText;
  showA.innerText=divObj.style.direction;
}
</SCRIPT>
 <DIV id="divObj" style="border:solid 1 blue;padding:5;color:blue;background:ffa;width:360">This is a style direction example.<BR>
이 부분은 스타일 방향의 예제이다.</DIV>
<BUTTON onclick="fnSwitch()">ltr</BUTTON>
<BUTTON onclick="fnSwitch()">rtl</BUTTON>
<BUTTON onclick="fnSwitch()">inherit</BUTTON>
<DIV>divObj.style.direction=<SPAN id="showA" style="color:blue"></SPAN></DIV>