Maison > Article > interface Web > Comment utiliser l'attribut de hauteur CSS
Comment utiliser l'attribut de hauteur CSS
- silencementoriginal
- 2019-05-27 16:25:393701parcourir
Définition et utilisation de l'attribut hauteur CSS
En CSS, l'attribut hauteur est utilisé pour définir la hauteur d'un élément, à l'exclusion du remplissage et des bordures . Ou des marges de page, qui peuvent ajouter du remplissage, des bordures et des marges en dehors de la zone de contenu. Les éléments en ligne non remplacés ignorent cet attribut.
L'attribut height est beaucoup utilisé et est un attribut couramment utilisé en CSS Lorsque vous devez définir la hauteur d'un élément, vous pouvez utiliser cet attribut pour y parvenir. Si vous devez définir la largeur d'un élément, nous pouvons utiliser l'attribut width pour le faire. L'attribut height et l'attribut width sont souvent utilisés ensemble pour contrôler la taille d'un élément.
format de syntaxe d'attribut de hauteur CSS
syntaxe CSS : hauteur:auto/longueur/%/inherit;
Syntaxe JavaScript : object.style.height ="50px";
description de la valeur de l'attribut de hauteur CSS
auto : valeur par défaut, le navigateur calculera la hauteur réelle
longueur : utiliser ; Des unités telles que px et cm définissent la hauteur ;
% : basé sur le pourcentage de hauteur de l'objet au niveau du bloc qui le contient
inherit : spécifie que la valeur de l'attribut height doit être ; hérité de l'élément parent
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css height属性设置元素的高度</title>
<style type="text/css">
div{width: 400px;border:1px solid red;}
#div1{height: 50px;}
#div2{height: 80px;}
#div3{height: 100px;}
</style>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
</body>
</html>Résultat d'exécution
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!