HTML DOM 스타일 방향 속성은 텍스트 방향을 지정하거나 반환하는 데 사용됩니다. 기본값은 ltr입니다.
다음은 −
의 구문입니다.방향 속성 설정 -
object.style.direction ="ltr|rtl|초기|상속"
위의 속성 값은 다음과 같이 설명됩니다 -
| 값 | 설명 |
|---|---|
| ltr | 기본값이며 텍스트는 왼쪽에서 오른쪽으로 흐릅니다. |
| rtl | 텍스트는 오른쪽에서 왼쪽으로 흐릅니다. |
| 초기 | 이 속성을 초기 값으로 초기화합니다. |
| 상속 | 상위 속성 값 상속 |
방향 속성의 예를 살펴보겠습니다 −
예시
<스타일> div,span { 여백:3px; 패딩:4px; } div{ 높이:50px; 너비:540px; 테두리:2px 단색 검정; } 스팬 { float:왼쪽; 너비:500px; 높이:40픽셀; 배경색:하늘색; }<스크립트> 함수 changeDir(){ document.getElementById("DIV1").style.direction="rtl"; document.getElementById("Sample").innerHTML="위의 텍스트 방향은 이제 오른쪽에서 왼쪽입니다"; } 이것은 SPAN 요소 내부의 일부 텍스트입니다.
내부에 있는 위의 텍스트 방향을 변경합니다. 아래 버튼을 클릭하여 스팬 요소
출력
"텍스트 방향 변경을 클릭하면 " 버튼 -
