[DOM_Style] JS - unicodeBidi 속성 - 텍스트글자방향 (= unicodeBidi속성 = 유니코드비디속성)

unicodeBidi 예제 

 

<p>Homzzang.com is a best site.</p>

<p id="hz" style="direction:rtl">Homzzang.com is a best site.</p>

<button type="button" onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  document.getElementById("hz").style.unicodeBidi = "bidi-override";

}

</script>

 

결과보기 

unicodeBidi 정의 

 

동일한 문서에서 여러 언어를 지원하도록 텍스트 방향 설정/반환. (direction 속성과 함께 사용.) 

 

---

 

1.

기본값: normal

반환값: unicode-bidi 나타내는 문자열

CSS속성: unicode-bidi
CSS버전: CSS2

2.

모든 브라우저 지원. 

 

unicodeBidi 구문 

 

[반환]

object.style.unicodeBidi 

 

[설정]

object.style.unicodeBidi = "normal|embed|bidi-override|initial|inherit"

 

---

 

[속성값]

 

normal

기본 글자 방향. (기본값) 

 

embed

무슨 효과인지 잘 모르겠음.

 

bidi-override 

글자 한자한자를 오른쪽에서 왼쪽으로 출력. (block 요소에 사용.)

※ direction:rtl; 속성과 함께 사용해야 효과 나타남.

 

initial

이 속성의 기본값으로 설정. 

 

inherit

부모요소의 속성값 상속.