Références Webmaster : Feuilles de styles

Bloc | Arrière-plan et couleurs | Encadrements | Polices | Listes | Textes | Effets visuels | Effets sonores | Contenu généré/numérotation automatique | Pagination | Table | Interface utilisateur | Toutes les propriétés

Unités des feuilles de styles

Plusieurs attributs de CSS utilisent des unités standards pour définir certaines mesures, styles, couleurs, et autres identificateurs. Dans cette annexe, les mesures ont été représentées entre chevrons (< >). La section qui suit énumère les valeurs associées avec chaque type d'unité.

<absolute-size>

Les tailles absolues sont les tailles de police calculées et conservées par le navigateur de l'utilisateur. Les valeurs qui suivent s'échelonnent de la plus petite à la plus grande : xx-small, x-small, small, medium, large, x-large, xx-large.

<angle>

Les valeurs d'angle sont utilisées avec les feuilles de styles sonores. Elles sont représentées par un caractère de signe facultatif (+ ou -) immédiatement suivi d'un nombre. Voici les unités d'angle : deg (degrés), grad (gradients), rad

<border-style>

Ces propriétés spécifient le type de ligne qui entoure l'encadrement d'un objet. Le type de valeur border-style peut être défini comme suit :
none : impose une largeur d'encadrement nulle.
dotted : une série de points.
dashed : Pointillés.
solid : une seule ligne continue.
double : deux lignes continues, la largeur de ces deux lignes plus celle de l'espace les séparant étant égale à border-width.
groove : affiche une bordure en "creux".
ridge : affiche une bordure en relief.
inset : affiche une bordure qui fait apparaître l'objet enfoncé.
outset : affiche une bordure qui fait apparaître l'objet en relief.

<border-width>

La propriété border-width définit la largeur de l'encadrement. Elle prend les valeurs suivantes : thin (bordure fine), medium (bordure moyenne), thick (bordure large), <length> (une valeur explicite positive).

<color>

Les couleurs peuvent être définies avec un mot clé (comme défini avec HTML 4.0) ou une spécification RGB numérique.
Voici les formats reconnus :
Mot clé : aqua | black | blue | fuchsia | gray | green | lime | maroon | navy | olive | purple | red | silver | teal | white | yellow
#rgb (exemple pour bleu : { color: #00f })
#rrggbb (exemple pour bleu : { color: #0000ff })
rgb - série d'entiers (exemple pour bleu : { color: rgb(0,0,255) })
rgb - valeurs relatives (exemple pour bleu : { color: rgb(0%, 0%, 100%) })

<family-name>

Il est possible de spécifier les polices en indiquant le nom d'une famille de polices, par exemple Arial, Times New Roman, Helvetica, ou Baskerville. Les noms de familles de polices comprenant un espace (tabulation, nouvelle ligne, retour chariot, saut de page, etc.) doivent être placés entre guillemets.

<frequency>

Les identificateurs de fréquence sont employés avec les feuilles de styles sonores. Ils sont représentés par un nombre aussitôt suivi d'un identificateur parmi les suivants : Hz (Hertz), kHz (Kilohertz)

<generic-family>

Il est recommandé d'utiliser en dernier recours des noms de famille de police générique au cas où l'utilisateur ne disposerait pas de la police spécifiée sur son système. Ces noms de famille sont des mots clés et n'ont pas besoin d'être présentés entre guillemets. Voici quelques exemples :
serif : Times New Roman, MS Georgia, Garamond
sans-serif : Arial, Helvetica, Futura, Gill Sans
cursive : Zapf-Chancery, Caflisch Script
fantasy : Critter, Cottonwood
monospace : Courier, MS Courier New, Prestige

<generic-voice>

Les voix génériques sont l'équivalent sonore des noms de familles de polices génériques et sont utilisées avec <voice-family>. Voici quelques exemples de valeurs de voix génériques : male, female, child

<integer>

Un entier est composé de un ou plusieurs chiffres (0 à 9). Il peut être précédé de - ou + pour indiquer le signe. Voir aussi <number>.

<length>

Les longueurs s'expriment avec un caractère de signe facultatif (+ ou -) immédiatement suivi d'un nombre avec ou sans point décimal, puis d'un identificateur d'unité parmi les suivants :
Valeurs relatives :
em : la taille de la police appropriée
ex : la valeur x-height de la police appropriée
px : pixels, en fonction du périphérique d'affichage
Valeurs absolues :
pt : points (1/72 de pouce)
in : pouces
cm : centimètres
mm : millimètres
pc : picas (12 points, ou 1/6 de pouce)

<number>

Un nombre peut être constitué d'un entier, ou de zéro ou de plusieurs chiffres suivis d'un point (.), puis de un ou plusieurs chiffres. Un signe - ou + peut précéder le nombre pour indiquer le signe. Voir aussi <integer>.

<percentage>

Les valeurs de pourcentage sont toujours relatives à une autre valeur, comme une longueur. Le format est un caractère de signe (+ ou -) facultatif, immédiatement suivi d'un nombre, puis du caractère %.

<relative-size>

Les tailles relatives sont calculées par rapport à la taille de police de l'élément parent. Elles peuvent prendre les valeurs suivantes : larger, smaller

<shape>

La seule valeur de forme valide en CSS2 est rect(<top> <right> <bottom> <left>), dans laquelle les quatre derniers descripteurs désignent un retrait par rapport aux bords respectifs de l'objet.

<specific-voice>

Les valeurs de voix spécifiques sont l'équivalent d'une famille de polices au niveau d'une feuille de styles sonore. Ces valeurs représentent les noms spécifiques d'une voix (par exemple : enseignant, comédien, prédicateur, etc.).

<time>

Les unités de temps sont utilisées avec les feuilles de styles sonores. Leur format est un nombre immédiatement suivi d'un identificateur parmi les suivants : ms (millisecondes), s (secondes).

<uri>

Les valeurs URI (Uniform Resource Indicator) représentent l'adresse d'éléments de page tels que les images. Le format d'un URI est url (suivi d'un espace facultatif puis d'un guillemet simple ou double, suivi de l'URI lui-même, puis d'un guillemet simple ou double, et enfin d'un espace facultatif). Voici un exemple de cette syntaxe :
body { background: url ("http://www.foo.com/images/background.gif" }

Bloc | Arrière-plan et couleurs | Encadrements | Polices | Listes | Textes | Effets visuels | Effets sonores | Contenu généré/numérotation automatique | Pagination | Table | Interface utilisateur | Toutes les propriétés