documentation css font

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » font

font

  • Version CSS : 1
  • S’applique à : Tous les éléments.
  • Valeur héritée : oui
  • Valeur par défaut : selon la propriété

Compatibilité

Navigateur IE 6 IE 7 Firefox 1.5 Firefox 2 Opera 8.5 Opera 9 Konqueror 3.5 Safari 2
font Partiel Partiel Oui Oui Oui Oui Oui Non testé
font-style Oui Oui Oui Oui Oui Oui Oui Non testé
font-variant Oui Oui Oui Oui Oui Oui Oui Non testé
font-weight Oui Oui Oui Oui Oui Oui Oui Non testé
font-size Oui Oui Oui Oui Oui Oui Oui Non testé
line-height Partiel Partiel Oui Oui Oui Oui Oui Non testé
font-family Oui Oui Oui Oui Oui Oui Oui Non testé

Explications

Permet de regrouper directement les différentes propriétés de police : font-style, font-variant, font-weight, font-size, line-height et font-family (voir l’explication détaillée de chacune de ses propriétés).

Les différents attributs sont à indiquer à la suite, séparés d’un espace dans n’importe quel ordre. Il n’est pas obliqatoire de définir chaque propriété de police, pour les propriétés non définies, les valeurs initiales seront utilisées.

Lors de la définition de font-size et line-height avec la propriété font, les deux indications de mesure se feront sous la forme par exemple : 12px/14px où la première valeur sera toujours attribuée à font-size et la seconde à line-height.

Il est également possible avec les CSS2 d’utiliser les polices système définies par l’utilisateur. Il s’agit des polices définies dans les propriétés d’affichage du système de l’utilisateur. Il est donc possible d’attribuer à une classe des paramètres de police définis par l’utilisateur sur sa machine.

Les valeurs pour les polices système :

  • caption : police-système associée aux boutons
  • icon : police-système associée aux labels des icônes
  • menu : police-système associée aux menus déroulants
  • message-box : police-système associée aux fenêtres de dialogue
  • small-caption : police-système associée aux labels plus petits
  • status-bar : police-système associée aux barres de statut des fenêtres

Exemple de script

.police1 {
  font: bold 10px Times ;
}
 
.police2 {
  font: small-caps 14pt Verdana;
}
 
.police3 {
  font: italic 12px/14px Arial;
}
 
.police4 {
  font: caption;
}



veille
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod