논리적인 방향이 적용된 다양한 속성들을 다룬다.
인간이 사용하는 언어에 따라 콘텐츠를 읽는 방향이 다양하다. 따라서 콘텐츠를 제어하기 위한 기술적인 부분에 물리적인 방향만을 적용하기가 어려워졌다. 이 모듈에서는 논리적인 방향이 적용된 다양한 속성들을 다룬다.
주의할 점은 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
) 값을 한번에 설정한다.