Que signifie la hauteur en CSS

WBOY
Libérer: 2022-06-30 11:06:13
original
5009 Les gens l'ont consulté

En CSS, height signifie la hauteur de l'élément et est un attribut en CSS ; cet attribut est utilisé pour définir la hauteur de la zone de contenu de l'élément, à l'exclusion des éléments de remplissage, des bordures ou des marges en ligne non remplacés. ignorez cet attribut. Par défaut, la valeur de cet attribut est "auto" et la syntaxe est "élément {hauteur : valeur d'attribut ;}".

Que signifie la hauteur en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Que signifie la hauteur en CSS ?

L'attribut height définit la hauteur d'un élément.

Remarque : L'attribut height n'inclut pas le remplissage, les bordures ou les marges !

Cet attribut 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.

Les valeurs d'attribut sont les suivantes :

Que signifie la hauteur en CSS

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img  class="normal" src="logocss.gif"    style="max-width:90%"  style="max-width:90%" / alt="Que signifie la hauteur en CSS" ><br>
<img  class="big" src="logocss.gif"    style="max-width:90%"  style="max-width:90%" / alt="Que signifie la hauteur en CSS" >
<p class="ex">这个段落的高和宽是 100px.</p>
<p>这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本.</p>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Que signifie la hauteur en CSS

(Partage vidéo d'apprentissage : tutoriel vidéo CSS, tutoriel vidéo HTML)

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!