HTML에서는 dir 속성을 사용하여 텍스트의 표시 방향을 지정할 수 있습니다. 이 속성은 주로 아랍어나 히브리어처럼 오른쪽에서 왼쪽으로 읽는 언어를 다룰 때 유용합니다.
dir 속성의 주요 값
- ltr (left-to-right): 왼쪽에서 오른쪽으로 텍스트를 표시합니다. 기본값입니다.
- rtl (right-to-left): 오른쪽에서 왼쪽으로 텍스트를 표시합니다.
- auto: 브라우저가 콘텐츠를 분석하여 방향을 자동으로 결정합니다.
예제
다음 코드를 실행하면 HTML에서 텍스트 표시 방향을 지정하는 방법을 확인할 수 있습니다.
<!DOCTYPE html> <html> <body> <p>왼쪽에서 오른쪽으로 표시되는 데모 텍스트입니다.</p> <p dir = "rtl">오른쪽에서 왼쪽으로 표시되는 데모 텍스트입니다.</p> </body> </html>
실행 결과 설명
위 예제에서 첫 번째 문단은 별도의 dir 속성이 없으므로 기본값인 ltr(왼쪽에서 오른쪽) 방향으로 표시됩니다. 반면 두 번째 문단에는 dir="rtl" 속성이 적용되어 텍스트가 오른쪽에서 왼쪽 방향으로 정렬되어 표시됩니다.
dir 속성은 <p>, <div>, <span> 등 대부분의 HTML 요소에 적용할 수 있으며, 문서 전체에 적용하려면 <html> 태그에 지정하면 됩니다.