表題の位置と整列
(Caption position and alignment)
テーブル(表)
ホーム
>
CSS2 Note
> 表題の位置と整列
C2- ie8- N6-
説明
caption-side:
side
;
C2- ie8- N6-
値:
----- hint -----
a b この順序で
a|b どれか1つ
a||b 少なくとも1つ
[...] グループ
a* 0回以上
a+ 1回以上
a? 0回、1回
{a,b} a回以上b回以下
top | bottom | left | right |
inherit
初期値:
top
、
適用要素:
caption要素
、
継承:
する
、
%値:
なし
、
メディア:
ビジュアル
このプロパティは、表ボックスに対する表題の位置指定を行います。
上下に配置された表題を表ボックスに揃えるには、
text-align
を用います。左右に配置された表題を表ボックスに揃えるには、
vertical-align
を用います。この場合、vertical-alignで指定できる値は、top、middle、bottomのみになります。
*1 CSS2.1仕様書において、「caption-sideプロパティ」の値「left」「right」は削除されました。
使用例
caption {caption-side:bottom}
caption-sideの値
top
C2- ie8- N6- 表題を表の上に配置。初期値。
bottom
C2- ie8- N6- 表題を表の下に配置。
left
C2 N7- 表題を表の左に配置。
right
C2 N7- 表題を表の右に配置。
表題の位置と整列のレンダリング
top
bottom
left
right
関連項目: caption-side |
table-layout
|
border-collapse
|
border-spacing
|
empty-cells
|
speak-header
2005/09/28発行 2009/07/01更新