CSS logical property란 무엇이며, 국제화(i18n)에 왜 중요한가요?

logical property는 물리적 방향(left/right/top/bottom) 대신 콘텐츠의 흐름 방향(start/end, inline/block)으로 레이아웃을 기술합니다. 이는 하나의 스타일시트가 오른쪽에서 왼쪽으로 쓰는 언어(아랍어, 히브리어)나 위에서 아래로 쓰는 언어에 자동으로 적응하게 만듭니다.

물리적 vs 논리적

 { : ; : ; : left; :  solid; }


 {
  : ;   
  : ;
  : start;
  :  solid;
}