CSS Logical Properties and Values

Posted by in Research

이 글의 주요 예제 및 도식은 Elad Shechte의 아티클과​ Rachel Andrew의 아티클에서 차용하였습니다. 배경 과거에 CSS는 세계인들이 가장 많이 사용하는 언어의 흐름 방식(horizontal-tb, LTR, 텍스트는 왼쪽에서 오른쪽으로 흐르고, 문단은 위에서 아래로 흐르는 방식)에 맞춰서 만들어졌다. 그렇기 때문에 CSS 속성에서 top, left, bottom, right는 항상 위쪽, 왼쪽, 아래쪽, 오른쪽에만 대응이 된다. 하지만, 모든 언어의 흐름이 위와 같지는 않다. 언어 영어 아랍어 일본어 몽골어 writing-mode horizontal-tb horizontal-tb vertical-rl vertical-rl direction LTR RTL X X 그림 기타 horizontal-tb, LTR도 가능하다. 이렇게 모든 언어의 흐름은 각기 다르다. 하나의 언어에만 초점을 맞추어 CSS를 입히면 상관이 없지만, writing-mode나 direction이 다른 언어들을 대응해야…read more