Dimensions CSS

L'attribut size vous permet de contrôler la hauteur et la largeur d'un élément. De même, cela vous permet d’augmenter l’espacement des lignes. Les attributs impliqués sont

hauteur - définit la hauteur de l'élément. line-height --Définit la hauteur de la ligne. max-height-- Définit la hauteur maximale de l'élément. max-width – Définit la largeur maximale de l’élément. min-height – Définit la hauteur minimale de l’élément. min-width – Définit la largeur minimale de l’élément. width – Définit la largeur de l’élément.

Écrivons un fichier html et CSS pour comparer en détail

.p1{    line-height: normal;    width: 400px;
}.p2{    line-height: 50%;    width: 400px;
}.p3{    line-height: 200%;   width: 400px;
}

Le rendu est le suivant :

QQ截图20161011165910.png

Taille CSS Propriétés

Les propriétés CSS size vous permettent de contrôler la hauteur et la largeur d'un élément. Vous permet également d’augmenter l’espacement des lignes.

QQ截图20161011165924.png

section suivante

nouveau fichier

 
<html>

<head>
<style type="text/css">
p.small
 {
 line-height: 10px
 }
p.big
 {
 line-height: 30px
 }
</style>
</head>

<body>

<p>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 20px。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
</p>

<p class="small">
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
</p>

<p class="big">
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</p>

</body>
</html>

soumettre Réinitialiser le code

Opération automatique

Plein écran