Exemple
Indiquez toutes les propriétés de la police dans une déclaration:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
Essayez - le vous - même » Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété raccourcie police définit toutes les propriétés de la police dans une déclaration.
Les propriétés qui peuvent être définies, sont (in order) l' "font-style font-variant font-weight font-size/line-height font-family" (in order) : "font-style font-variant font-weight font-size/line-height font-family"
Font-size et font-family valeurs sont nécessaires. Si l'une des autres valeurs sont manquantes, les valeurs par défaut seront insérées, le cas échéant.
Note: La propriété line-height définit l'espace entre les lignes.
| Valeur par défaut: | The default value of all the font properties |
|---|---|
| Hérité: | yes |
| Animable: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS1 |
| Syntaxe JavaScript: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: Voir le soutien du navigateur individuel pour chaque valeur ci - dessous.
Syntaxe CSS
font:font-stylefont-variantfont-weightfont-size/line-height
font-family |caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;propriété valeurs
| Valeur de la propriété | La description |
|---|---|
| font-style | Indique le style de police. La valeur par défaut est "normal" . Voir font-style pour les valeurs possibles |
| font-variant | Indique la variante de la police. La valeur par défaut est "normal" . Voir font-variant pour les valeurs possibles |
| font-weight | Indique le poids de la police. La valeur par défaut est "normal" . Voir font-weight pour les valeurs possibles |
| font-size/line-height | Indique la taille de la police et de la hauteur de ligne. La valeur par défaut est "normal" . Voir font-size et line-height pour les valeurs possibles |
| font-family | Indique la famille de polices. La valeur par défaut dépend du navigateur. Voir font-family pour les valeurs possibles |
| caption | Utilise la police qui sont utilisés par des commandes sous-titrées (comme des boutons, des menus déroulants, etc.) |
| icon | Utilise la police qui sont utilisés par étiquettes icône |
| menu | Utilise les polices qui sont utilisées par les menus déroulants |
| message-box | Utilise les polices qui sont utilisées par les boîtes de dialogue |
| small-caption | Une version plus petite de la police de la légende |
| status-bar | Utilise les polices qui sont utilisées par la barre d'état |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Autres exemples
Exemple
Une démonstration de quelques-unes des autres valeurs de propriétés de police.
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p
style="font:menu">The browser font used in dropdown menus.</p>
<p
style="font:message-box">The browser font used in dialog boxes.</p>
<p
style="font:small-caption">A smaller version of the caption font.</p>
<p
style="font:status-bar">The browser font used in the status bar.</p> Essayez - le vous - même » Pages associées
CSS tutorial: CSS police
Référence HTML DOM: font property