HTML에서는 dir 속성을 사용하여 요소 안에 있는 콘텐츠의 텍스트 방향을 지정할 수 있습니다. 이 속성은 주로 아랍어나 히브리어처럼 오른쪽에서 왼쪽으로 읽는 언어를 다룰 때 유용하게 활용됩니다.
dir 속성의 주요 값
- ltr — 왼쪽에서 오른쪽으로 텍스트를 표시합니다(기본값).
- rtl — 오른쪽에서 왼쪽으로 텍스트를 표시합니다.
- auto — 브라우저가 콘텐츠를 분석하여 방향을 자동으로 결정합니다.
예제
다음 코드를 실행하면 dir 속성이 실제로 어떻게 동작하는지 확인할 수 있습니다.
<!DOCTYPE html> <html> <body> <p>왼쪽에서 오른쪽으로 표시되는 데모 텍스트입니다.</p> <p dir = "rtl">오른쪽에서 왼쪽으로 표시되는 데모 텍스트입니다.</p> </body> </html>
위 예제에서 첫 번째 문단은 기본 방향인 왼쪽에서 오른쪽으로 출력되고, 두 번째 문단은 dir="rtl" 속성 덕분에 오른쪽에서 왼쪽으로 정렬되어 표시됩니다.