[attribute] HTML - dir 속성 - 텍스트 출력방향 지정 (= dir속성 = 디르속성|디렉션속성)

1. dir 예제 - 텍스트 방향 지정
2. dir 정의
3. dir 구문

dir 예제 - 텍스트 방향 지정

 

<p dir="ltr">홈짱닷컴 Homzzang.com</p>

<p dir="ltr">코딩공부 열심히 하세요 !</p>

<p dir="rtl">홈짱닷컴 Homzzang.com</p>

<p dir="rtl">코딩공부 열심히 하세요 !</p>

<p dir="auto">홈짱닷컴 Homzzang.com</p>

<p dir="auto">코딩공부 열심히 하세요 !</p>

결과보기

dir 정의

 

요소 내용 텍스트 방향 지정.

 

---

 

1.

• 가능한, CSS direction 속성 대신 HTML dir 속성 사용 권장.
• 전역속성이라 모든 태그에서 사용 가능.

 

2.

모든 브라우저 지원.

 

3. MDN dir 예제보기

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir

 

dir 구문

 

<element dir="ltr|rtl|auto">

 

---

[속성값]

 

ltr

왼쪽에서 오른쪽으로 (Left To Right). (기본값)

 

rtl

오른쪽에서 왼쪽으로 (Right To Left).

auto

요소 내용 기반해 브라우저가 자동 결정. (※ 방향 모를 때만 사용 권장)