Les Feuilles de style

CSS2

Cascading Style Sheets level 2

par Michel Balmont - Voir CSS1

 

 

5. Polices, texte et couleurs

5.1 Polices

Le facteur d'échelle entre les polices désignées par mot réservé (par exemple de xx-small à x-small) est passé de 1,5 à 1,2.

font-size-adjust

none

valeur numérique

Redimensionne les polices par rapport à une police de base en vue d'une meilleure lisibilité

font-stretch

Contrôle de la chasse (quantité d'espace entre deux caractères)

normal

ultra-condensed

extra-condensed

condensed

semi-condensed

semi-expanded

expanded

extra-expanded

ultra-expanded

wider

narrower

inherit

all

src

emplacement de la police

url() [http: ou file:]

format()

"truedoc-pfr" Truedoc™ Portable Font Resource *.pfr
"embedded-opentype" Embedded Open Type *.eot
"type-1" Postcript™ Type 1 *.pfb/*.pfa
"truetype" TrueType *.ttf
"opentype" Open Type/TrueType Open *.ttf
"truetype-gx" TrueType avec Extensions GX  
"speedo" Speedo  
"intellifont" Intellifont  

unicode-range

Jeux de caractères effectivement définis

Liste de fourchettes de caractères Unicode séparées par des virgules - À titre d'exemples :

U+00??

Latin

U+04??

Cyrillique

U+05??

Arménien

U+06??

Hébreu

U+0E??

Thaï & Lao

U+10??

Géorgien

U+30??

Hiragana, Katakana

U+0-7FFFFFF

font

Propriété composite

caption

Police des composants

icon

Police des légendes des icones

menu

Police des menus

message-box

Police d'affichage du texte dans les boîtes de dialogue

small-caption

Police des légendes des petits composants de contrôle

status-bar

Police de la barre d'état du navigateur

Pour le reste voir CSS1

 

5.2 Texte

text-shadow

Ajout d'ombrage à du texte (par défaut en bas à droite)

Valeurs (numériques et de couleur) séparées par des virgules

 

points (xpt), millimètres (xmm), pica (xpc), centimètres (xcm) pouces (xin)

em (xem), ex (xex), pixel (xpx)

Une valeur négative est possible (l'ombre apparaîtra à gauche du texte).

Distance horizontale par rapport au texte

 

points (xpt), millimètres (xmm), pica (xpc), centimètres (xcm) pouces (xin)

em (xem), ex (xex), pixel (xpx)

Une valeur négative est possible (l'ombre apparaîtra en haut du texte).

Distance verticale par rapport au texte

 

points (xpt), millimètres (xmm), pica (xpc), centimètres (xcm) pouces (xin)

em (xem), ex (xex), pixel (xpx)

Effet de flou

 

Couleur

none

inherit

direction

Sens de lecture du texte

ltr

De gauche à droite

rtl

De droite à gauche

inherit

unicode-bidi

Algorithme de restitution Unicode

normal

embed

La propriété "direction" s'applique, sauf aux endroits qui nécessite une direction inverse

bidi-override

Modifie complètement la direction d'écriture du texte sans tenir compte du sens d'écriture des caractères

inherit

 

5.3 Couleurs

color

nom

code hexadécimal

rgb(a, b, c)

aqua

#00FFFF

0,255 ,255

black

#000000

0,0,0

blue

#0000FF

0,0,255

fuchsia

#FF00FF

255,0,255

gray

#808080

128,128,128

green

#008000

0,128,128

lime

#00FF00

0,255,0

marroon

#800000

128,0,0

navy

#000080

0,0,128

olive

#808000

128,128,0

purple

#800080

128,0,128

red

#FF0000

255,0,0

silver

#C0C0C0

192,192,192

teal

#008080

0,128,128

white

#FFFFFF

255,255,255

yellow

#FFFF00

255,255,0

active-border

Récupération de la couleur de la bordure de la fenêtre active

active-caption

 " du bandeau de titre de la fenêtre active

app-workspace

 " de la couleur de fond d'une application mutli-documents

background

 " de l'arrière-plan du bureau

button-face

 " du remplissage des bourons 3D

button-highlight

 " de l'ombrage sombre des boutons 3D

button-shadow

 " de l'ombrage intermédiaire des boutons 3D

button-text

 " du texte des boutons 3D

caption-text

 " du texte d'un bandeau de fenêtre, d'une flèche dans un ascenceur, etc.

gray-text

 " d'un texte en grisé (élément de menu qui ne fonctionne pas).

highlight

 " d'une sélection dans une liste (menu)

highlight-text

 " du texte dans une sélection (menu)

inactive-border

 " de la bordure d'une fenêtre inactive

inactive-caption

 " du bandeau de titre d'une fenêtre inactive

inactive-caption-text

 " du texte dans le bandeau de titre d'une fenêtre inactive

info-background

 " du fond des info-bulles

info-text

 " du texte des info-bulles

menu

 " du fond des menus

menu-text

 " du texte des menus

scrollbar

 " de la partie grisée d'un ascenceur

three-d-dark-shadow

 " de l'ombrage sombre des éléments 3D

three-d-face

 " du texte des éléments 3D

three-d-highlight

 " de la couleur de sélection des éléments en 3D

three-d-light-shadow

 " de l'ombrage clair des éléments 3D

three-d-shadow

 " de l'ombrage des éléments 3D

window

 " du fond de la fenêtre

window-frame

 " du cadre de la fenêtre

window-text

 " du texte dans la fenêtre

 

5.4 Décorations

content

Contenu de la décoration

une chaîne de caractères (vide)

url()

counter() ou counters() - voir le chapitre sur les compteurs

open-quote et close-quote (ouverture et fermeture de citation)

no-open-quote et no-close-quote (insèrent une citation sans les marques)

quotes

Définition de la forme des guillemets

none, une ou plusieurs séquences de caractères séparées par des espaces, inherit