Maison >interface Web >tutoriel CSS >Comment définir la hauteur de l'élément à 20px en CSS
Comment définir la hauteur de l'élément à 20px en CSS
- 青灯夜游original
- 2021-04-06 14:16:123479parcourir
En CSS, vous pouvez utiliser l'attribut height pour définir la hauteur d'un élément. Il vous suffit d'ajouter le style "height:20px;" à l'élément pour définir la hauteur de l'élément sur "20px". . L'attribut height est utilisé pour définir la hauteur de l'élément. Cet attribut définit la hauteur de la zone de contenu de l'élément. Les éléments en ligne non remplacés ignoreront cet attribut.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
css définit la hauteur de l'élément à 20px
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
img.normal {
height: auto;
}
img.big {
height: 120px;
}
p {
border: 1px solid red;
}
p.ex {
height: 250px;
width: 250px;
}
</style>
</head>
<body>
<img class="normal" src="img/1.jpg" style="max-width:90%" style="max-width:90%" / alt="Comment définir la hauteur de l'élément à 20px en CSS" ><br>
<img class="big" src="img/1.jpg" style="max-width:90%" style="max-width:90%" / alt="Comment définir la hauteur de l'élément à 20px en CSS" >
<p>默认宽度和高度。这是段落中的一些文本。这是段落中的一些文本。 这是段落中的一些文本。</p>
<p class="ex">段落的高和宽是 250px。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。</p>
</body>
</html>Rendu :
(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)
Attribut de hauteur CSS
L'attribut height définit la hauteur de l'élément. La valeur par défaut est auto et il n'y a pas d'héritage.
L'attribut height définit la hauteur de la zone de contenu de l'élément. Le remplissage, les bordures et les marges peuvent être ajoutés en dehors de la zone de contenu.
Les éléments en ligne non remplacés ignoreront cet attribut.
Valeur de l'attribut de hauteur :
| 值 | 描述 |
|---|---|
| auto | 默认。浏览器会计算出实际的高度。 |
| length | 使用 px、cm 等单位定义高度。 |
| % | 基于包含它的块级对象的百分比高度。 |
| inherit | 规定应该从父元素继承 height 属性的值。 |
Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !
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!