웹 페이지에서 텍스트가 표시되는 방향은 direction 속성을 사용하여 설정할 수 있습니다. 이 속성은 주로 아랍어, 히브리어처럼 오른쪽에서 왼쪽으로 읽는 언어(RTL)를 지원할 때 유용하게 활용됩니다.
direction 속성의 주요 값
- ltr (left to right): 텍스트가 왼쪽에서 오른쪽으로 렌더링됩니다. 기본값입니다.
- rtl (right to left): 텍스트가 오른쪽에서 왼쪽으로 렌더링됩니다.
사용 예제
아래 코드를 실행하면 CSS로 텍스트 방향을 설정한 결과를 직접 확인할 수 있습니다.
<html> <head> </head> <body> <p style = "direction:rtl;"> 이 텍스트는 오른쪽에서 왼쪽으로 렌더링됩니다. </p> </body> </html>
참고 사항
direction 속성은 인라인 요소에 적용할 때 unicode-bidi 속성과 함께 사용하면 더욱 정확하게 동작합니다. 또한 문서 전체의 언어 방향을 지정하려면 HTML의 <html> 태그에 dir 속성(예: dir="rtl")을 사용하는 것이 권장됩니다.