• 회원가입
  • 로그인

[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
부모요소의 속성값 상속.


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012