Propriétés de police de CSS

Pour un élément, la propriété de police-famille est une liste prioritaire de noms de famille de police et/ou de noms de famille génériques. Le navigateur emploiera la première valeur qu'il identifie.

Une famille de police est conçue pour être employée en association et exhibant des similitudes dans la conception qui les cotains par groupe de polices,

Un membre de la famille peut être audacieux, un autre italique, des autres petites majuscules ou employer ondensed. Les noms de famille de police incluent livre scolaire de siècle » « helvetica » et le « nouveau, et le « Kyokasho ICA L ». Des noms de famille de police ne sont pas limités aux caractères latins. Les familles de police peuvent être de différentes catégories : ces avec ou sans empattements, ceux qui ressemblent à l'écriture, ceux dont les caractères sont ou ne sont pas proportionnellement espacés, telles qui sont des polices d'imagination, etc.

Code de CSS

body
{
font-family: courier, serif
}
p
{
font-family: arial, "lucida console", sans-serif
}
<p style="font-family: arial, 'lucida console', sans-serif">

Modèle de police

Si le texte doit être rendu en utilisant une normale, un italique, ou un visage oblique, le modèle de police est employé. L'italique est un visage plus cursif de compagnon au visage normal, mais pas aussi cursif quant à lui faire un visage de manuscrit. Oblique est généralement employé comme visage de compagnon à la forme inclinée par sans-serifand du visage normal. Cette définition évite doit marquer les visages normaux légèrement inclinés comme obliques, ou les visages grecs normaux comme italique. La propriété de police-modèle place le modèle d'une police.

Code de CSS

body
{
font-style: italic
}

Variante de police

Si le texte doit être rendu en utilisant les glyphs normaux pour les minuscules ou en utilisant des glyphs de petit-chapeaux pour les minuscules, la variante de police est employée. Une propriété particulière de police est employée pour demander une police appropriée et peut contenir seulement la normale, seulement des petit-chapeaux, ou les deux types de glyph et, si la police contient les deux variantes, des glyphs appropriés.

p
{
font-variant: normal
}

Poids de police

Le poids de police rendait le texte comme la hardiesse ou la légèreté des glyphs, relativement à d'autres polices dans la même famille de police.

Code de CSS

p
{ font-weight: bolder
}

Taille de police

Pour placer la taille de la police de la ligne de base à la ligne de base, quand le solide d'ensemble (en termes de CSS, c'est quand les propriétés de « police-taille » et de « ligne-taille » ont la même valeur), la taille de police est employé.

Code de CSS

body
{
font-size: x-large
}

p
{
font-size: 20px
}

La table follwing décrivent les propriétés de police :

Property	Description	values	Sample Code
font	Sets multiple font properties	font-family font-size font-weight font-style font-variant
font-family	Sets the font-name	family-name generic-family	p {font-family: verdana,arial} p {font-size: 10pt; font-family: arial}
font-size	Sets the size of the text	smaller larger xx-small x-small small medium large x-large xx-large	P {font: 12pt arial} P {font: 70% sans-serif} P {font: bold italic large Verdana}
font-weight	Sets the weight of the text	normal bold bolder lighter 100 200 300 400 500 600 700 800 900	p{font-weight: bold}
font-style	Sets the style of the text	normal italic oblique	p{font-style: italic}
font-variant	Sets the font variant	normal small caps	h2 {font-variant: small-caps}