Propriétés de dimension de CSS

Pour placer de diverses dimensions des objets dans et autour des éléments de HTML, les propriétés de dimension de CSS est employées. Ceux-ci peuvent être largeur, taille et définir l'espace.

Les diverses propriétés de dimension sont :

1.height, minute-largeur de la largeur 6 de 2.line-height 3.max-height 4.min-height 5. et 7.max-width.

Taille

La taille d'un élément indiqué par la propriété de taille.

Pour rendre des images, cette propriété est utile.
Les valeurs possibles sont :

automobile, longueur et pourcentage

automobile

longueur

Par défaut, la valeur pour la taille est automatique.
On ne laisse pas des longueurs négatives.

Code de CSS

img {height : 200px ;}

Ligne-Taille

La distance entre deux lignes adjacentes peut être placée en utilisant cette propriété. Les lignes de base des lignes adjacentes est la distance.

Cette propriété peut avoir les valeurs : normale, nombre, longueur ou %.

normal - ceci place la ligne taille au défaut ou à la valeur héritée basée sur la taille de police de l'élément.

nombre - ceci place la ligne taille de la police-taille courante à multiplier par le nombre indiqué.

longueur - ceci place une distance fixe entre les lignes. Les unités utilisées sont : fin de support, px, centimètre, pinte.

% - ceci place la ligne taille en % de la taille de police de l'élément.

Code de CSS

p { line-height : 75 px;}

Maximum-Taille

La hauteur maximum pour un élément peut être indiquée par cette propriété.

Les valeurs possibles pour la propriété de maximum-taille sont : aucun, longueur, pourcentage.

aucun - indique qu'il n'y a aucune limite de taille imposée à l'élément. longueur - indique la hauteur maximum pour un élément. % - indique la hauteur maximum de l'élément comme % de la taille du bloc contenant.

p { max-height:100px;}

Minute-Taille

La taille minimum pour un élément indiqué par cette propriété.

Les valeurs possibles pour la minute-taille sont : longueur, pourcentage.

longueur - indique la taille minimum pour un élément. % - indique la taille minimum de l'élément comme % de la taille du bloc contenant.

p { min-height: 50px;}

Augmentation suivante d'exemple de TThe l'espace entre les lignes

Code de CSS

<html>
<head>
<style type="text/css">
p.small {line-height: 0.4cm}
p.big {line-height: 0.9cm}
</style>
</head>

<body>
<p>
This is a paragraph with a standard line-height.
This is a paragraph with a standard line-height.
This is a paragraph with a standard line-height.
This is a paragraph with a standard line-height.
</p>

<p class="small">
This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.
</p>

<p class="big">
This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.
</p>

</body>
</html>

La table follwing décrivent les propriétés de liste :

Property	Description	values
height	Sets the height of an element	auto length %
line-height	Sets the distance between lines	auto length %
max-height	Sets the maximum height of an element	auto length %
max-width	Sets the maximum width of an element	length %
min-height	Sets the minimum height of an element	auto length %
min-width	Sets the minimum width of an element	auto length %
width	Sets the width of an element	auto length %