CSS Types

CSS Types

Editing

<'caption-side'>

데브딕에서 지정한 색인용 자료 타입

caption-side 속성에 사용되는 타입이다.

테이블의 캡션의 위치를 지정하는 값을 나타낸다. CSS 2에서는 top, bottom 키워드가 사용되었으나 CSS Logical Properties and Values Level 1에 부터는 논리적인 방향으로 대체되어진 inline-start, inline-end 키워드로 사용된다. 하지면 여전히 예전 방식도 유효하나 주의할 필요가 있다.

현재 inline-start, inline-end 키워드는 각 유저 에이전트별 지원 여부를 확인할 필요가 있다.

구문

  • CSS Logical Properties and Values Level 1
    inline-start | inline-end
  • CSS2.2
    top | bottom

사용되는 키워드

키워드요약
block-end

블록(block)의 끝을 의미하며 기존의 bottom 개념과 동일하지만 논리적인 방향을 나타낸다.

block-start

블록(block)의 시작을 의미하며 기존의 top 개념과 동일하지만 논리적인 방향을 나타낸다.

inline-end

인라인(inline)의 끝을 의미하며 기존의 right 개념과 동일하지만 논리적인 방향을 나타낸다.

inline-start

인라인(inline)의 시작을 의미하며 기존의 left 개념과 동일하지만 논리적인 방향을 나타낸다.

bottom

테이블 그리드 컨테이너 아래에 캡션 컨테이너를 배치한다.

top

테이블 그리드 컨테이너 위에 캡션 컨테이너를 배치한다.

버전 명세

Modules
Module NameStatusSummary
CSS Logical Properties and Values Level 1초안 작업

Last review date: 2022-8-23

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com