|
トップページ > スタイルシートリファレンス > caption-side
★スタイルシートリファレンス
|
caption-side･････テーブル（表）のキャプションの位置を指定する
 
 
caption-sideプロパティは、テーブル（表）のキャプションの位置を指定する際に使用します。 指定できるキャプションの位置は、テーブルの上下左右（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>１９５３年</td><td>恐怖と欲望</td></tr> <tr><td>１９５６年</td><td>現金に体を張れ</td></tr> <tr><td>１９５７年</td><td>突撃</td></tr> <tr><td>１９６０年</td><td>スパルタカス</td></tr> <tr><td>１９６２年</td><td>ロリータ</td></tr> <tr><td>１９６４年</td><td>博士の異常な愛情</td></tr> <tr><td>１９６８年</td><td>２００１年宇宙の旅</td></tr> <tr><td>１９７１年</td><td>時計じかけのオレンジ</td></tr> <tr><td>１９７５年</td><td>バリー・リンドン</td></tr> <tr><td>１９８０年</td><td>シャイニング</td></tr> <tr><td>１９８７年</td><td>フルメタル・ジャケット</td></tr> <tr><td>１９９９年</td><td>アイズ・ワイド・シャット</td></tr> </table> </body> </html> ↓↓↓ ブラウザ上の表示
■関連項目
table-layout･････････････････テーブル（表）の表示方法を指定する
caption-side･････････････････テーブル（表）のキャプションの位置を指定する border-collapse･･････････････セルのボーダーの表示の仕方を指定する border-spacing･･････････････セルのボーダーの間隔を指定する empty-cells･････････････････空白セルのボーダーの表示・非表示を指定する |
トップページ > スタイルシートリファレンス > caption-side
|
©2008 HTMQ