width: valeur;
Cette propriété sert à définir la largeur de votre objet. Valeurs possibles :
une valeur en pixels
un pourcentage
auto
Une valeur en pixels vous donnera une largeur précise, fixe, qui ne s'adaptera pas à la résolution de l'écran de votre visiteur. Mais c'est tout de même une valeur très pratique.
Un pourcentage vous donnera une largeur qui s'adaptera à la résolution de l'écran de votre visiteur.
auto est une valeur nettement moins recommandée, car elle ne vous donnera pas toujours ce que vous voulez, et ne réagira pas toujours de la même manière selon les navigateurs.
Exemples :
Code:
width: 350px; width: 50%;
Cette propriété est complémentaire de la précédente. Elle vous permettra de définir la hauteur de votre objet. Valeurs possibles :
une valeur en pixels
un pourcentage
auto
Ce sont les mêmes possibilités que pour la largeur.
Exemple :
Code:
height: 200px;
Cette propriété peut vous servir à définir la hauteur d'une ligne de texte. La hauteur d'un texte est liée à la taille de la police qui le compose. Mais vous pouvez vouloir faire un effet particulier en réduisant cette hauteur (attention aux lettres qui peuvent être coupées, dans ce cas) ou en l'augmentant pour aérer votre texte. Valeurs possibles :
normal
une valeur en pixels
un pourcentage
normal ne modifiera en rien l'espacement vertical de votre texte. C'est la valeur par défaut.
Une valeur en pixels vous permettra de définir avec précision la hauteur d'une ligne de texte.
Un pourcentage servira à multiplier la hauteur de la police pour augmenter la hauteur d'une ligne de texte. Plus délicat à employer.
Exemples :
Code:
line-height: 60px; line-height: 120%;