[HTML/CSS] 텍스트 쓰는 방향 지정하기 (direction) +아랍어

한글, 영어를 비롯하여 대부분의 언어들은 보통 왼쪽 -> 오른쪽으로 쓰는것이 표준입니다. 웹 문서 또한 이를 기준으로 왼쪽 -> 오른쪽으로 텍스트가 작성되죠 하지만 아랍어의 경우에는 언어의 방향이 오른쪽 -> 왼쪽입니다. 이럴때는 어떻게 해야할까요? direction 속성을 사용하면 텍스트를 쓰는 방향을 왼쪽 -> 오른쪽으로 바꿀 수 있습니다. 이번 포스팅에서는 direction 속성에 대해 알아보도록 하겠습니다.

 

 텍스트 쓰는 방향 지정하기 (direction) 

사용법

direction: ltr | rtl

• ltr : 왼쪽에서 오른쪽으로 텍스트를 표시합니다. (기본 값)
• rtl : 오른쪽에서 왼쪽으로 텍스트를 표시합니다.

 

※ 다만 한글이나 영어처럼 왼쪽에서 오른쪽에서 쓰는 언어일 경우 속성값으로 rtl을 입력하더라도 텍스트 방향은 바뀌지 않습니다.

 

사용 예제

See the Pen 텍스트 작성 방향 by wjdxo513 (@wjdxo513) on CodePen.