CSS 참조 가이드

CSS @규칙(RULES)

　caption-side CSS 속성은 테이블 제목 상자의 수직 위치를 설정합니다. 제목 상자 내에서 제목 텍스트를 수평으로 정렬하려면 다음을 사용하십시오:text-align속성.

아래 표는 이 속성의 사용 설명과 버전 이력, 그리고 JavaScript 스크립트에서 이 속성을 사용하는 문법을 나타냅니다.

요소
기본 값:	top
적용 대상:	테이블
thừa kế:	네
애니메이션 가능:	아니요 보기 애니메이션 속성。
버전:	CSS 2、3
JavaScript 문법:	object.style.captionSide="bottom"

이 속성의 문법은 다음과 같습니다:

caption-side: top | bottom | initial | inherit

아래 예제는 caption을 사용하는 방법을 보여줍니다.-side 속성.

예제

　　caption {
　　　caption-side: bottom;
　　}

아래 표는 이 속성의 값을 설명합니다.

값	설명
top	제목 상자를 테이블 상자 위에 두습니다.
bottom	제목 상자를 테이블 상자 아래에 두습니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 caption을 사용합니다.-side 속성 값.

caption-side 속성이 있는 브라우저의 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1+ Google Chrome1+ Internet Explorer 8+ Apple Safari 1+ Opera 4+

경고: Internet Explorer 7그리고 더 오래된 버전은 이 caption을 지원하지 않습니다-side 속성. IE8지정된 경우에만<!DOCTYPE>유효한 값이 지정된 경우에만 지원됩니다.

教程 참조:CSS 테이블。