..

Search

<bdo>

HTML <bdo> 태그


정의 및 특징

<bdo> 태그의 BDO는 Bi-Directional Override를 의미하며, 자식 요소의 텍스트 방향성(text directionality)을 정의할 때 사용합니다.

 

다른 요소들과는 달리 <bdo> 요소의 dir 속성의 기본값은 부모 요소로부터 상속받지 않는다는 의미를 가지는 auto 값으로 자동 설정됩니다.


예제

<p>이 단락은 왼쪽부터 오른쪽 방향으로 써질 것입니다.</p>
<p><bdo dir="rtl">이 단락은 오른쪽부터 왼쪽 방향으로 써질 것입니다.</bdo></p>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<bdo> 지원함 지원함 지원함 지원함 지원함 지원함

사용할 수 있는 속성

속성명   속성값 설명

dir

 

ltr

rtl

필수 속성으로 반드시 명시해야 함.

<bdo> 태그 내에 위치한 텍스트의 방향성을 명시함.


CSS 기본값

bdo { 
  unicode-bidi: bidi-override;
}

DOM 인터페이스


연습문제