CSS caption-side 속성

정의와 사용법

caption-side 속성이 표 제목의 위치를 설정합니다.

설명

이 속성은 표 제목이 표 프레임에 대한 배치 위치를 지정합니다. 표 제목은 표 앞에(또는 뒤에) 있는 것처럼 블록 요소로 표시됩니다.

또한 참조:

CSS 가이드:CSS 테이블

HTML DOM 참조 가이드:captionSide 속성

예제

표 제목의 배치 방식을 정의합니다:

caption
  {
  caption-side:bottom;
  }

직접 테스트해 보세요

CSS 문법

caption-side: top|bottom|initial|thừa kế;

속성 값

값 설명
top 기본 값. 표 제목을 표 위에 위치시킵니다.
bottom 표 제목을 표 아래에 위치시킵니다.
thừa kế 부모 요소에서 caption-side 속성 값을 상속해야 합니다.

기술 세부 사항

기본 값: top
thừa kế: yes
버전: CSS2
JavaScript 문법: object.style.captionSide="bottom"

더 많은 예제

표 제목 위치 설정
이 예제에서 표 제목을 위치 지정하는 방법을 보여줍니다.

브라우저 지원

표 안의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 8.0 1.0 1.0 4.0

주석:DOCTYPE이 이미 지정되어 있다면, Internet Explorer 8(그리고 더 높은 버전)는 caption-side 속성을 지원합니다.