[text] CSS - unicode-bidi 속성 - 텍스트글자방향 (= unicode-bidi속성 = 유니코드비디속성)

1. unicode-bidi 예제 - 텍스트 글자 방향
2. unicode-bidi 정의
3. unicode-bidi 구문

unicode-bidi 예제 - 텍스트 글자 방향

 

<style>

div.a {

  direction: rtl;

}

div.b {

  unicode-bidi: bidi-override;

}

div.c {

  direction: ltr;

  unicode-bidi: bidi-override;

}

div.d {

  direction: rtl;

  unicode-bidi: bidi-override;

}

</style>

<div class="a">홈짱닷컴 Homzzang.com</div>

<div class="b">홈짱닷컴 Homzzang.com</div>

<div class="c">홈짱닷컴 Homzzang.com</div>

<div class="d">홈짱닷컴 Homzzang.com</div>

 

결과보기

unicode-bidi 정의

 

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

 

---

 

1.

• 기본값: normal
• 상속여부: O
• 애니효과: X
• CSS버전: CSS2
• JS구문: object.style.unicodeBidi="bidi-override"

 

2.

모든 브라우저 지원.

 

unicode-bidi 구문

 

selector {unicode-bidi: normal|embed|bidi-override|initial|inherit;}

 

---

[속성값]

 

normal

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

 

embed

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

 

bidi-override 

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

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

 

isolate

요소가 형제요소와 분리됨. 

 

isolate-override

생긴지 얼마 안 되서 잘 모르겠음. ㅡㅡ;

 

initial

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

 

inherit

부모요소의 속성값 상속.