ホームページ > バックエンド開発 > Python チュートリアル > CSSのキャプション側属性の使い方

CSSのキャプション側属性の使い方

silencement
リリース: 2019-05-28 13:39:55
オリジナル
3740 人が閲覧しました

CSSのキャプション側属性の使い方

css キャプション側属性の定義と使用法

1. CSS では、キャプション側属性は、キャプション側属性の位置を指定するために使用されます。テーブル タイトル。テーブル タイトルはテーブルの上 (デフォルト) またはテーブルの下に設定できます

2。現在、すべての主流ブラウザはキャプション側属性をサポートしていますが、IE8 はそれをサポートするには !DOCTYPE を指定する必要があります

#css キャプション側属性値 ##top: 表のタイトルが表の上にある (デフォルト)

bottom: 表のタイトルが表の下にある

inherit: 親要素からキャプション側属性の属性値を継承します

構文形式


caption-side:top / bottom / inherit;
ログイン後にコピー

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css caption-side表格标题属性笔记</title>
<style>
table{width:400px; height:150px;}
caption{caption-side:top;}
</style>
<head/>
<body>
<table border="1">
<caption>学生成绩表</caption>
<tr><th>学号</th><th>姓名</th><th>性别</th><th>成绩</th></tr>
<tr><td>1</td><td>张三</td><td>男</td><td>60</td></tr>
<tr><td>2</td><td>李四</td><td>男</td><td>80</td></tr>
</table>
</body>
</html>
ログイン後にコピー

操作結果

##

以上がCSSのキャプション側属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート