Maison >interface Web >tutoriel CSS >css : explication détaillée de l'utilisation de l'attribut caption-side (position du titre du tableau)
css : explication détaillée de l'utilisation de l'attribut caption-side (position du titre du tableau)
- 黄舟original
- 2017-06-30 10:44:473013parcourir
css caption-sideattribut(tableposition du titre)
[Syntaxe de base]
fcaption-side:top|right|bottom|left
[Introduction à la syntaxe]
Cet attribut spécifie la position de placement du titre du tableau par rapport au cadre du tableau. Le titre du tableau est affiché comme s'il s'agissait d'un élément de niveau bloc
avant (ou après) le tableau.
[Exemple de code]
<!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>
【代码分析】Dans le code, la partie en gras sert à définir la position du titre en bas, comme le montre la figure 15.3.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Deux façons d'obtenir une bordure fine de 1 px en utilisant l'espacement des bordures et l'espacement des cellules en CSSArticle suivant：Deux façons d'obtenir une bordure fine de 1 px en utilisant l'espacement des bordures et l'espacement des cellules en CSS