Heim > Web-Frontend > CSS-Tutorial > CSS: Detaillierte Erläuterung der Verwendung des caption-side-Attributs (Tabellentitelposition)

CSS: Detaillierte Erläuterung der Verwendung des caption-side-Attributs (Tabellentitelposition)

黄舟
Freigeben: 2017-06-30 10:44:47
Original
2998 Leute haben es durchsucht

Beispieleinführung

css caption-sideAttribut(TabelleTitelposition)

[Grundlegende Syntax]

fcaption-side:top|right|bottom|left
Nach dem Login kopieren

[Syntaxeinführung]

Dieses Attribut gibt die Platzierungsposition des Tabellentitels relativ zum Tabellenrahmen an. Der Tabellentitel wird angezeigt, als wäre er ein Element auf Blockebene
vor (oder nach) der Tabelle.

[Beispielcode]

<!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>
【代码分析】
Nach dem Login kopieren

Im Code dient der fett gedruckte Teil dazu, die Titelposition unten festzulegen, wie in Abbildung 15.3 dargestellt.

CSS: Detaillierte Erläuterung der Verwendung des caption-side-Attributs (Tabellentitelposition)

Das obige ist der detaillierte Inhalt vonCSS: Detaillierte Erläuterung der Verwendung des caption-side-Attributs (Tabellentitelposition). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage