Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 139446 ]
Votre IP fleche [ 38.103.63.16 ]
Vous êtes ici : Home Page Cours CSS Propriete font
Imprimer Imprimer le document

Informations Membres

[192] Posts sur le forum
[177] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 2 Invités

fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.


Nom de domaine

www.

Partenaires

La propriété Font

Cette propriété regroupe l'ensemble des propriétés de police de caractères.
C'est-à-dire, le style, la taille l'épaisseur, les petites majuscules, ainsi que la hauteur de ligne et enfin le type de police.

Cette propriété obéit à la construction suivante :

font: style (type_de_majuscules) épaisseur (taille/Hauteur_de_ligne) police (valeur_spécifique)

D'autre part, elle accepte des valeurs spécifiques dans le tableau ci-dessous.

font
Valeur (font-style) (font-variant) (font-weight) (font-size)/(line-height) (font-family)
caption
icon
menu
message-box
small-caption
status-bar
Type CSS 1
Compatibilité Compatible Internet Explorer 5+ Compatible Netscape 4+ Compatible Firefox 4+ Compatible Opera 9+
Valeur par défaut Dépend des différents propriétés
Domaine d'application Tous les éléments
Pourcentage Suivant la taille de la police et la hauteur de la police.
Héritage oui
Media visuel

Attention ! Entre chaque valeur doit figurer un espace, sauf entre la taille de la police et la hauteur de ligne où est placé une barre oblique (slash).

Valeur
possible
Action Exemple
caption La propriété est utilisée pour la légende d'une commande. p {font: 8pt bold "Times New Roman" caption}
icon La propriété est utilisée pour l'étiquetage d'un icône. p {font: 10pt "Courier News" icon}
menu La propriété est utilisée dans un menu. p {font: 12pt small-caps lighter menu}
message-box La propriété est utilisée dans une boîte de dialogue. p {font: 14pt bolder "Verdana" message-box }
small-caption La propriété est utilisée pour l'étiquetage d'une commande. p {font: italic 1.1em 9pt/15px small-caption}
status-bar La propriété est utilisée dans la barre de statut d'une fenêtre. p {font: oblique small-caps 500 12pt/1.2em "Monotype Corsiva" status-bar}

Exemples

Feuilles de cascade, niveau 1

p {font: 8pt bold "Times New Roman" caption}

Feuilles de cascade, niveau 1

p {font: 10pt "Courier News" icon}

Feuilles de cascade, niveau 1

p {font: 12pt small-caps lighter menu}

Feuilles de cascade, niveau 1

p {font: 14pt bolder "Verdana" message-box}

Feuilles de cascade, niveau 1

p {font: italic 1.1em 9pt/15px small-caption}

Feuilles de cascade, niveau 1

p {font: oblique small-caps 500 12pt/1.2em "Monotype Corsiva" status-bar}
Haut de page