Propriétés WIDTH et HEIGHT
Ces deux propriétés permettent d'ajuster la largeur et la hauteur d'un bloc. Elles acceptent une valeur, qui peut être soit "auto , longueur, pourcentage" et comme pour la plupart des éléments CSS privilégiez les unités : pourcentage %, centimetres cm, millimètres mm, pixels px, points pt, inches in. Les valeurs négatives ne sont pas autorisées pour widht et height.
WIDTH
La propriété "width" utilisée pour spécifier la largeur d'un bloc. Mais noter que cette propriété s'applique principalement aux images, et ne prend pas alors de valeur en pourcentage sous peine de déformation.
HEIGHT
La propriété "height" utilisée pour spécifier la hauteur d'un bloc, n'est guère employée à cette fin, surtout avec les navigateurs encore très capricieux de nos jours. Retenir que cette propriété s'applique principalement aux images, et ne prend pas alors de valeur en pourcentage car déformation suite à modification des proportions initiales.
En son absence comme le contenu est prioritaire, l'élément
"contenant le contenu" s'ajuste automatiquement et sa valeur est
considérée comme étant "auto".
Code entre <HEAD> et </HEAD>
<style type="text/css">
body
{ text-align:justify ; font-size: 10pt ;
font-family: arial, verdana, trebuchet MS, sans-serif ;
color: black ; background-color: #FFFFFF ; }
.paragraphe
{
left:15% ;
height: 150px ; width: 400px ;
}
</style>
Code 1 du paragraphe suivant avec feuille de style
<p class="paragraphe"> ......... </p>
Ces deux propriétés servent à ajuster la largeur et la hauteur d'un bloc. Elle acceptent une valeur, qui peut être soit "auto , longueur, pourcentage" et comme pour la plupart des éléments CSS privilégiez les unités : pourcentage %, centimetres cm, millimètres mm, pixels px, points pt, inches in. Les valeurs négatives ne sont pas autorisées. Ces deux propriétés servent à ajuster la largeur et la hauteur d'un bloc. Elle acceptent une valeur, qui peut être soit "auto , longueur, pourcentage" et comme pour la plupart des éléments CSS privilégiez les unités : pourcentage %, centimetres cm, millimètres mm, pixels px, points pt, inches in. Les valeurs négatives ne sont pas autorisées.
Code 2 du paragraphe suivant avec code interligne
<div class="paragraphe"> ....... </div>
Sommaire CSS... @ ... WIDTH pour texte en colonnes
