Maison  >  Article  >  interface Web  >  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:472961parcourir

[Exemple d'introduction]

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.

css : explication détaillée de lutilisation de lattribut caption-side (position du titre du tableau)

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