테이블 캡션의 위치를 설정한다.
CSS Logical Properties and Values Level 1에서는 논리적인 방향을 의미하는 inline-start
, inline-end
키워드가 추가되었다.
기존의 top
과 bottom
은 각각 테이블의 block-start
와 block-end
로 재정의된다.
caption-side
속성에 사용되는 타입이다.
테이블의 캡션의 위치를 지정하는 값을 나타낸다. CSS 2에서는 top
, bottom
키워드가 사용되었으나 CSS Logical Properties and Values Level 1에 부터는 논리적인 방향으로 대체되어진 inline-start
, inline-end
키워드로 사용된다. 하지면 여전히 예전 방식도 유효하나 주의할 필요가 있다.
inline-start
, inline-end
키워드는 각 유저 에이전트별 지원 여부를 확인할 필요가 있다.inline-start | inline-end
top | bottom
블록(block)의 끝을 의미하며 기존의 bottom
개념과 동일하지만 논리적인 방향을 나타낸다.
블록(block)의 시작을 의미하며 기존의 top
개념과 동일하지만 논리적인 방향을 나타낸다.
인라인(inline)의 끝을 의미하며 기존의 right
개념과 동일하지만 논리적인 방향을 나타낸다.
인라인(inline)의 시작을 의미하며 기존의 left
개념과 동일하지만 논리적인 방향을 나타낸다.
테이블 그리드 컨테이너 아래에 캡션 컨테이너를 배치한다.
테이블 그리드 컨테이너 위에 캡션 컨테이너를 배치한다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
테이블 그리드 컨테이너 위에 캡션 컨테이너를 배치한다.
인라인(inline)의 끝을 의미하며 기존의 right
개념과 동일하지만 논리적인 방향을 나타낸다.
인라인(inline)의 시작을 의미하며 기존의 left
개념과 동일하지만 논리적인 방향을 나타낸다.
테이블 그리드 컨테이너 아래에 캡션 컨테이너를 배치한다.
caption-side: inline-end;
element.style.captionSide = "bottom";
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Logical Properties and Values Level 1 | 초안 작업 | Last review date: 2022-8-23 |