Police de style Propriété
Exemple
Définissez la police d'un élément :
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Définition et utilisation
La propriété de police définit ou renvoie jusqu'à six propriétés de police distinctes, sous une forme abrégée.
Avec cette propriété, vous pouvez définir/retourner les éléments suivants (dans cet ordre) :
- font-style
- variante de police
- poids de la police
- taille de police
- hauteur de la ligne
- famille de polices
La taille de police et la famille de polices sont obligatoires. Si l'une des autres valeurs est manquante, les valeurs par défaut seront insérées, le cas échéant.
Les propriétés ci-dessus peuvent également être définies avec des propriétés de style distinctes. L'utilisation de propriétés séparées est fortement recommandée pour les auteurs non avancés pour une meilleure contrôlabilité.
Prise en charge du navigateur
| Property | |||||
|---|---|---|---|---|---|
| font | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoie la propriété font :
object.style.font
Définissez la propriété de police :
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Valeurs de propriété
| Value | Description |
|---|---|
| style | Sets the font-style |
| variant | Sets the text in a small-caps font |
| weight | Sets the boldness of the font |
| size | Sets the size of the font |
| lineHeight | Sets the distance between lines |
| family | Sets the font face |
| caption | The font used for captioned controls (like buttons, drop-downs, etc.) |
| icon | The font used to label icons |
| menu | The font used in menus |
| message-box | The font used in dialog boxes |
| small-caption | The font used in small controls |
| status-bar | The font used in window status bars |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
| Valeur par défaut: | non spécifié |
|---|---|
| Valeur de retour : | Une chaîne, représentant différentes propriétés de police de l'élément |
| Version CSS | CSS1 |
Plus d'exemples
Exemple
Renvoie la police d'un élément :
alert(document.getElementById("demo").style.font);
Pages connexes
Tutoriel CSS : Police CSS
Référence CSS : propriété de la police
❮ Objet de style