CSS - police

La description

La propriété font est une propriété abrégée utilisée pour affecter le rendu du texte.

Valeurs possibles

Les valeurs possibles dépendront de la manière dont nous utilisons cette propriété.

  • <font-style> - Toute valeur autorisée pour le style de police de propriété.

  • <font-variant> - Toute valeur autorisée pour la propriété font-variant.

  • <font-weight> - Toute valeur autorisée pour la propriété font-weight.

  • <font-size> - Toute valeur autorisée pour la propriété font-size.

  • <font-family> - Toute valeur autorisée pour la propriété font-family.

  • <line-height> - Toute valeur autorisée pour la hauteur de la ligne de propriété.

  • caption- La police utilisée par le système d'exploitation pour les commandes sous-titrées (par exemple, les boutons et les menus déroulants). C'est l'une des valeurs de "police système".

  • icon- La police utilisée par le système d'exploitation pour étiqueter les icônes. C'est l'une des valeurs de "police système".

  • menu- La police utilisée par le système d'exploitation dans les menus (par exemple, les menus déroulants et les listes de menus). C'est l'une des valeurs de "police système".

  • message-box- La police utilisée par le système d'exploitation dans les boîtes de dialogue (par exemple, les boîtes de dialogue d'avertissement). C'est l'une des valeurs de "police système".

  • small-caption- La police utilisée par le système d'exploitation pour étiqueter les petits contrôles. C'est l'une des valeurs de "police système".

  • status-bar- La police utilisée par le système d'exploitation dans les barres d'état des fenêtres. C'est l'une des valeurs de "police système".

S'applique à

Tous les éléments HTML.

Syntaxe DOM

object.style.font = "bold italic small-caps 250%/1.2 sans-serif";

Exemple

Voici l'exemple utilisant la propriété de police abrégée -

<html>
   <head>
   </head>

   <body>
      <p style = "font:italic small-caps bold 15px georgia;">
         Applying all the properties on the text at once.
      </p>
   </body>
</html>

Cela produira le résultat suivant -