★スタイルシートリファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

caption-side …… テーブル(表)のキャプションの位置を指定する
Internet Explorer8Internet Explorer9
Netscape6Netscape7Netscape8
Firefox1Firefox2Firefox3Firefox4
Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
広告



caption-sideプロパティは、テーブル(表)のキャプションの位置を指定する際に使用します。
指定できるキャプションの位置は、テーブルの上下左右(top、bottom、left、right)です。

■値

top
キャプションをテーブル(表)の上に表示します。これが初期値です。
bottom
キャプションをテーブル(表)の下に表示します。
left
キャプションをテーブル(表)の左に表示します。
right
キャプションをテーブル(表)の右に表示します。

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

caption {
color: #006633;
caption-side: left;
}

HTMLソース

<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<table border=”1″>
<caption>スタンリー・キューブリックの作品</caption>
<tr><td>1953年</td><td>恐怖と欲望</td></tr>
<tr><td>1956年</td><td>現金に体を張れ</td></tr>
<tr><td>1957年</td><td>突撃</td></tr>
<tr><td>1960年</td><td>スパルタカス</td></tr>
<tr><td>1962年</td><td>ロリータ</td></tr>
<tr><td>1964年</td><td>博士の異常な愛情</td></tr>
<tr><td>1968年</td><td>2001年宇宙の旅</td></tr>
<tr><td>1971年</td><td>時計じかけのオレンジ</td></tr>
<tr><td>1975年</td><td>バリー・リンドン</td></tr>
<tr><td>1980年</td><td>シャイニング</td></tr>
<tr><td>1987年</td><td>フルメタル・ジャケット</td></tr>
<tr><td>1999年</td><td>アイズ・ワイド・シャット</td></tr>
</table>
</body>
</html>

↓↓↓

ブラウザ上の表示

スタンリー・キューブリックの作品
1953年 恐怖と欲望
1956年 現金に体を張れ
1957年 突撃
1960年 スパルタカス
1962年 ロリータ
1964年 博士の異常な愛情
1968年 2001年宇宙の旅
1971年 時計じかけのオレンジ
1975年 バリー・リンドン
1980年 シャイニング
1987年 フルメタル・ジャケット
1999年 アイズ・ワイド・シャット

■関連項目

table-layout …… テーブル(表)の表示方法を指定する
caption-side …… テーブル(表)のキャプションの位置を指定する
border-collapse …… セルのボーダーの表示の仕方を指定する
border-spacing …… セルのボーダーの間隔を指定する
empty-cells …… 空白セルのボーダーの表示・非表示を指定する
広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
56 users signed up
もっと表示する