Accueil - Actualité - Annuaire - Forum - Lexique - Partenaires
13 visiteurs




gr0sjeje
355 tutoriels
147 membres
2 commentaires tutoriels
29 signatures
5 sites
0 site en attente
147 définitions
147 actualités
0 commentaire actualités
94 messages sur le forum
5 sondages
11 commentaires sondage
Le formatage du texte

La propriété CSS qui permet de changer la taille du texte est la propriété font-size. La taille du texte se mesure en pixel mais vous pouvez très bien la mesurer en cm ou en millimétre.

p {
font-size: 14px; /* paragraphe de 14 pixels
}
h3 {
font-size: 30px; /* taille du titre en h3 de 30 pixels
}

Vous pouvez aussi utiliser les tailles de manière relative. Voici un exemple de taille qui s'adapte automatiquement à la taille de la police dans votre navigateur :

.liliputien
{
font-size: xx-small;
}
.trespetit
{
font-size: x-small;
}
.petit
{
font-size: small;
}
.moyen
{
font-size: medium;
}
.grand
{
font-size: large;
}
.tresgrand
{
font-size: x-large;
}
.gigantesque
{
font-size: xx-large;
}

REMARQUE : Je vous conseille plutôt d'utiliser cette méthode plutôt que les pixels. Votre site s'adaptera automatiquement au configuration de l'ordinateur.

Sachez qu'il existe aussi d'autre moyen pour donner une taille à votre texte. La méthode EM et la méthode des pourcentage qui sont aussi facile d'utilisation :

  • 1 em : correspond à la taille normal du texte donc si vous mettez une valeur inférieur la taille du texte sera plus petite et inversement. Sachez aussi qu'il faut mettre un point pour séparer les décimal (0.8 em et non 0,8 em)
  • 100% : correspond à la taille normal du texte donc si vous mettez une valeur inférieur la taille du texte sera plus petite et inversement
Faire un lien vers ce tutoriel
Si vous souhaitez faire un lien de ce tutoriel vers votre site, utilisez le code html suivant :
<a href="http://www.helpclic.net/tutoriaux/tutoriel-147-Le-formatage-du-texte.html" title="Le formatage du texte">Le formatage du texte</a>

Copyright © HELPCLIC.NET | Tutoriaux et cours informatique en ligne. Apprenez facilement l'informatique avec Helpclic