English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
The font CSS property sets the style, variant, boldness, and size of the text content of an element/line-height and font family. It is used to specify the line height and font family in a single declarationfont-style,font-variant,font-weight,font-size,line-heightetfont-family中设置各个字体属性的简写属性
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | 查看全部属性 |
|---|---|
| 适用于： | 所有元素 |
| 继承： | 是 |
| 可动画制作： | 是的，因为速记的某些属性可以设置动画。请参考 动画属性. |
| 版本： | CSS 1,2,3 |
| JavaScript 语法： | object.style.font="italic small-caps bold 14px arial,sans-serif |
该属性的语法如下：
font: [ font-style font-variant font-weight font-size/line-height font-family | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit
Lorsque vous utilisez l'attribut abrégé de police, vous devez respecter certaines conditions. Si ces conditions ne sont pas remplies, l'attribut est invalide et sera complètement ignoré.
Doit être définiefont-sizeetfont-familyvaleur de l'attribut.
Doit être définie avantfont-sizevaleur (si applicable) avantfont-style,font-variantetfont-weightla valeur de l'attribut
line-heightDoit être définie avantfont-sizeDéfinir la valeur de l'attribut immédiatement après l'attribut et l'ajouter avec le " /”（slash oblique）。
font-familyDoit être la valeur définie en dernier.
Les exemples suivants montrent comment utiliser la propriété font, veuillez noter l'ordre des valeurs de l'attribut.
h1 {
font: bold 2.5em "Times New Roman", Times, serif;
}
p {
font: normal 1.2em Arial, Helvetica, sans-serif;
}Voyons voir‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| font-style | Définir le style de la police. |
| font-variant | Définir la variante de la police. |
| font-weight | Définir la gravité de la police. |
| font-size | Définir la taille de la police. |
| line-height | Définir la hauteur de la ligne. |
| font-family | Spécifier une famille de polices. |
| initial | Définir cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise les valeurs des propriétés font de son élément parent. |
Les valeurs suivantes se réfèrent aux polices système : | |
| caption | Polices utilisées pour les contrôles sous-titres (par exemple, les boutons, les menus déroulants, etc.). |
| icon | Polices utilisées pour marquer les icônes. |
| menu | Polices utilisées dans les menus (par exemple, les menus déroulants et les listes de menus). |
| message-box | Polices utilisées dans les boîtes de dialogue. |
| small-caption | Polices utilisées pour marquer les petits contrôles. |
| status-bar | Polices utilisées dans la barre d'état de la fenêtre. |
La compatibilité du navigateur pour la propriété font, les numéros dans le tableau suivant représentent la version minimale du navigateur qui prend en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Veuillez consulter les tutoriels suivants :Polices CSS,Texte CSS.
Propriétés et règles associées :font-style,font-variant,font-weight,font-size,line-height,font-family,@font-face.