Exemple
Définir la police pour un <p> élément:
document.getElementById("myP").style.font = "italic bold 20px arial,serif"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de police ou retourne jusqu'à six propriétés de police séparées, sous une forme abrégée.
Avec cette propriété, vous pouvez définir / retourner les éléments suivants (dans cet ordre):
- le style de police
- Font-variant
- font-weight
- taille de police
- hauteur de la ligne
- famille de polices
La taille de la police et la famille de la police sont nécessaires. Si l'une des autres valeurs sont manquantes, les valeurs par défaut seront insérés, le cas échéant.
Les propriétés ci-dessus peuvent également être définies avec des propriétés de style séparées. L'utilisation de propriétés distinctes est fortement recommandé pour les auteurs non avancés pour une meilleure contrôlabilité.
Support du navigateur
La propriété font est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété de la police:
object .style.font
Définissez la propriété de la 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é
| Valeur | La description |
|---|---|
| style | Définit le style de police |
| variant | Définit le texte dans une police small-caps |
| weight | Définit l'audace de la police |
| size | Définit la taille de la police |
| lineHeight | Définit la distance entre les lignes |
| family | Définit le visage de la police |
| caption | La police utilisée pour les contrôles sous - titrées (like buttons, drop-downs, etc.) des (like buttons, drop-downs, etc.) |
| icon | La police utilisée pour les icônes d'étiquettes |
| menu | La police utilisée dans les menus |
| message-box | La police utilisée dans les boîtes de dialogue |
| small-caption | La police utilisée dans les petits contrôles |
| status-bar | La police utilisée dans les barres d'état de la fenêtre |
| 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. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | non précisé |
|---|---|
| Valeur de retour: | Une chaîne, représentant les différentes propriétés de la police de l'élément |
| version CSS | CSS1 |
autres exemples
Exemple
Retour la police d'un <p> élément:
alert(document.getElementById("myP").style.font); Essayez vous - même » Pages associées
Tutoriel CSS: CSS police
Référence CSS: font property
<Style objet