CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS vertical-align 속성 CSS3 transition-timing-function 속성

CSS 유니코드-bidi 속성 사용 방법 및 예제

unicode-bidi 속성과 direction 속성을 함께 사용하여 텍스트가 반대로 쓰여지는지 설정하거나 반환하여 동일한 문서 내에서 여러 언어를 지원할 수 있습니다.

unicode-bidi CSS 속성 및direction속성은 문서 내 양방향 텍스트 처리와 관련이 있습니다. 예를 들어, 텍스트 블록이 왼쪽에서 오른쪽으로와 오른쪽에서 왼쪽으로의 텍스트를 포함하고 있는 경우, 사용자代理는 적용합니다.유니코드 표준문자열의 올바른 방향을 결정하기 위한 표준 정의된 복잡한 알고리즘입니다.

　direction와 유니코드-bidi 속성은 개발자가 알고리즘의 삽입 수준과 덮어쓰기를 제어할 수 있도록 합니다.

이 표는 이 속성의 사용 설명과 버전 이력 기록, 그리고 이 속성이 자바스크립트 스크립트에서 사용하는 문법을 나타냅니다.

기본 값:	normal
적용:	모든 요소
thừa kế:	없음
애니메이션 가능:	아니요.보기: 애니메이션 속성。
버전:	CSS 2、3
JavaScript 문법:	object.style.unicodeBidi="bidi-override"

주의:대부분의 경우, 이 속성은DTD디자이너가 사용합니다. 특히, 저자, 웹 디자이너 및 사용자는 이를 변경하지 않아야 합니다.

unicode-bidi 사용 문법

이 속성의 문법은 다음과 같습니다:

direction:　bidi-override　|　embed　|　normal　|　initial　|　inherit

아래 예제는 direction 속성을 사용하는 방법을 보여줍니다.

예제

　　p　{　　　　　　　　　　　　　　　　　　　　　　　　
　　　unicode-bidi:　bidi-override;
　　　direction:　rtl;
　　}

테스트해 보세요‹/›

속성 값

아래 표는 이 속성의 값을 설명합니다.

값	설명
bidi-override	내부 요소에 대해, 이는 대체로 만듭니다. 블록 컨테이너 요소에 대해, 이는 다른 블록 컨테이너 요소 내에 있지 않은 내부 수준의 후손에 대체를 만듭니다. 이는 요소 내에서 엄격하게direction속성에 의해 재정렬됩니다; 양방향 알고리즘의 은닉 부분은 무시됩니다.
embed	요소가 내부 요소인 경우, 이 값은 양방향 알고리즘에 대해 추가적인 삽입 수준을 열어줍니다. 이 삽입 수준의 방향은direction속성 지정.
normal	양방향 알고리즘에 대해, 이 값은 추가적인 삽입 수준을 제공하지 않습니다. 내부 요소에 대해, 은닉 재정렬은 요소 경계를 넘어 이루어집니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 unicode를 사용합니다.-bidi 속성 값.

브라우저 호환성

unicode-bidi 속성 브라우저의 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1+ Google Chrome2+ Internet Explorer 5.5위와 같습니다. Apple Safari 1.3+ Opera 9.2+

더 읽기

다음 튜토리얼을 참조하세요:CSS Text。