논리적인 방향이 적용된 다양한 속성들을 다룬다.
인간이 사용하는 언어에 따라 콘텐츠를 읽는 방향이 다양하다. 따라서 콘텐츠를 제어하기 위한 기술적인 부분에 물리적인 방향만을 적용하기가 어려워졌다. 이 모듈에서는 논리적인 방향이 적용된 다양한 속성들을 다룬다.
주의할 점은 writing-mode 속성에 영향을 받기 때문에 사전에 언어별 콘텐츠 설계가 필요하다.
writing-mode 속성에 따라 블록 레벨 박스(block level box)의 너비 또는 높이를 설정한다.border-block-start-color와 border-block-end-color 속성 값을 한번에 작성할 수 있는 속기 속성이다.border-bottom-color 속성이 논리적인 방향으로 대체된 속성이다.border-bottom-style 속성이 논리적인 방향으로 대체된 속성이다.border-bottom-width 속성이 논리적인 방향으로 대체된 속성이다.border-top-color 속성이 논리적인 방향으로 대체된 속성이다.border-top-style 속성이 논리적인 방향으로 대체된 속성이다.border-top-width 속성이 논리적인 방향으로 대체된 속성이다.border-block-start-style과 border-block-end-style 속성 값을 한번에 작성할 수 있는 속기 속성이다.border-block-start-width 와 border-block-end-width 속성 값을 한번에 작성할 수 있는 속기 속성이다.border-bottom-right-radius 속성을 논리적인 방향으로 추가 되었다.border-bottom-left-radius 속성을 논리적인 방향으로 추가 되었다.border-inline-start-color와 border-inline-end-color 속성 값을 한번에 작성할 수 있는 속기 속성이다.border-right-color 속성이 논리적인 방향으로 대체된 속성이다.border-right-style 속성이 논리적인 방향으로 대체된 속성이다.border-right-width 속성이 논리적인 방향으로 대체된 속성이다.border-left-color 속성이 논리적인 방향으로 대체된 속성이다.border-left-style 속성이 논리적인 방향으로 대체된 속성이다.border-left-width 속성이 논리적인 방향으로 대체된 속성이다.border-inline-start-style과 border-inline-end-style 속성 값을 한번에 작성할 수 있는 속기 속성이다.border-inline-start-width 와 border-inline-end-width 속성 값을 한번에 작성할 수 있는 속기 속성이다.border-top-right-radius 속성을 논리적인 방향으로 추가 되었다.border-top-left-radius 속성을 논리적인 방향으로 추가 되었다.float 속성이 적용되는 경우에 그 영향에서 벗어나게 한다.writing-mode 속성에 따라 인라인 레벨 박스(inline level box)의 너비 또는 높이를 설정한다.inset-block-start 속성과 inset-block-end 속성을 한번에 설정하는 속기 속성이다.bottom 속성을 논리적인 위치로 설정한다.top 속성을 논리적인 위치로 설정한다.inset-inline-start 속성과 inset-inline-end 속성을 한번에 설정하는 속기 속성이다.right 속성을 논리적인 위치로 설정한다.left 속성을 논리적인 위치로 설정한다.writing-mode) 설정에 따른 블록 축(block axis)의 양쪽 가장자리의 마진(margin) 값을 한번에 설정한다.writing-mode) 설정에 따른 블록 축(block axis)의 끝쪽 가장자리의 마진(margin) 값을 한번에 설정한다.writing-mode) 설정에 따른 블록 축(block axis)의 시작쪽 가장자리의 마진(margin) 값을 한번에 설정한다.writing-mode) 설정에 따른 인라인 축(inline axis)의 양쪽 가장자리의 마진(margin) 값을 한번에 설정하는 속기 속성이다.writing-mode) 설정에 따른 인라인 축(inline axis)의 끝쪽 가장자리의 마진(margin) 값을 한번에 설정한다.writing-mode) 설정에 따른 인라인 축(inline axis)의 시작쪽 가장자리의 마진(margin) 값을 한번에 설정한다.writing-mode) 설정에 따른 블록 축(block axis)의 양쪽 가장자리의 패딩(padding) 값을 한번에 설정하는 속기 속성이다.writing-mode) 설정에 따른 블록 축(block axis)의 끝쪽 가장자리의 패딩(padding) 값을 한번에 설정한다.writing-mode) 설정에 따른 블록 축(block axis)의 시작쪽 가장자리의 패딩(padding) 값을 한번에 설정한다.writing-mode) 설정에 따른 인라인 축(inline axis)의 양쪽 가장자리의 패딩(padding) 값을 한번에 설정하는 속기 속성이다.writing-mode) 설정에 따른 인라인 축(inline axis)의 끝쪽 가장자리의 패딩(padding) 값을 한번에 설정한다.writing-mode) 설정에 따른 인라인 축(inline axis)의 시작쪽 가장자리의 패딩(padding) 값을 한번에 설정한다.