Maison  >  Article  >  développement back-end  >  Comment utiliser l'attribut CSS côté légende

Comment utiliser l'attribut CSS côté légende

silencement
silencementoriginal
2019-05-28 13:39:553695parcourir

Comment utiliser l'attribut CSS côté légende

Définition et utilisation de l'attribut côté légende CSS

1 En CSS, l'attribut côté légende est utilisé pour spécifier la position du. titre du tableau , le titre du tableau peut être défini au-dessus du tableau (par défaut) ou en dessous du tableau

2. Actuellement, tous les navigateurs grand public prennent en charge l'attribut côté légende, mais IE8 doit le spécifier uniquement

Valeur de l'attribut CSS côté légende

haut : le titre du tableau est au-dessus du tableau (par défaut)

bas : le titre du tableau est en dessous du tableau

hériter : hériter de la valeur de l'attribut côté légende de l'élément parent

Format de syntaxe

caption-side:top / bottom / inherit;

Instance

<!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>

Exécuter les résultats

Comment utiliser lattribut CSS côté légende

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