ホームページ >ウェブフロントエンド >CSSチュートリアル >css:キャプション側属性(表タイトル位置)の使い方の詳細説明
【サンプル紹介】
css caption-sideattribute(tabletitleposition)
【基本構文】
fcaption-side:top|right|bottom|left
【構文紹介】
この属性は、テーブルのタイトルを相対的に指定します。 table ボックスの配置。テーブルのタイトルは、テーブル
の前 (または後) のブロックレベル要素であるかのように表示されます。
【コード例】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> caption {caption-side:bottom} </style> </head> <body> <table border="1"> <caption> 标题 </caption> <tr> <td>李敏</td> <td>小莉</td> </tr> <tr> <td>国良</td> <td>秀秀</td> </tr> </table> </body> </html> 【代码分析】
図15.3に示すように、コード中の太字部分はタイトルの位置を下部に設定する部分です。
以上がcss:キャプション側属性(表タイトル位置)の使い方の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。