예
바닥 정렬과 테이블 <caption> 요소 :
<table>
<caption align="bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
»그것을 자신을 시도 정의 및 사용
align 속성은 캡션 요소의 정렬을 정의합니다.
이 속성은 오른쪽, 위 또는 테이블 아래, 왼쪽으로 블록 요소로 캡션을 정렬해야합니다.
브라우저 지원
| 속성 | |||||
|---|---|---|---|---|---|
| align | 예 | 예 | 예 | 예 | 예 |
노트:
- 인터넷 익스플로러 8은 지원 "left" , "right" , "top" , 및 "bottom" 값을
- 인터넷 익스플로러 9 이상은 지원 "top" , 및 "bottom" 값을
- 파이어 폭스는 지원 "left" , "right" , "top" , 및 "bottom" 값을
- 오페라는 지원 "left" , "right" , "top" , 및 "bottom" 값을
- 크롬은 지원 "top" , 및 "bottom" 값을
- Safari는 지원 "top" , 및 "bottom" 값을
호환성 노트
<caption> align 속성은 HTML5에서 지원되지 않습니다. CSS를 대신 사용합니다.
CSS 구문 : <caption style="caption-side:bottom"> or <caption style="text-align:left">
우리의 CSS 튜토리얼에서 당신은에 대한 자세한 내용은 찾을 수 있습니다 caption-side 속성과 text-align 속성을.
통사론
<caption align="left|right|top|bottom">
속성 값
| 값 | 기술 |
|---|---|
| left | 캡션은 테이블의 왼쪽에있다 |
| right | 캡션은 테이블의 오른쪽에 있습니다 |
| top | 캡션은 테이블의 상단에 (이 기본값) |
| bottom | 자막은 테이블의 아래쪽에 |