SELFHTML/Quickbar
Feuilles de style CSS
Mentions de feuilles de style SELFHTML/Quickbar
Feuilles de style CSS
Mentions de feuilles de style
Sous le terme formatage de police, il faut comprendre les mentions concernant
le genre de police, la taille de police, le poids de police, les espaces entre
les signes et les mots etc... De telles mentions sont judicieuses pour tous les
repères HTML qui peuvent contenir du texte. En font partie tous les repères
qui sont décrits dans le chapitre sur le 
formatage
de texte, mais aussi tous les repères pour les tableaux.
Même sur le repère <body> il est possible d'employer les
mentions de feuilles de style énumérées ici - dans ce cas les mentions sont
valables pour tous les éléments de texte de tout le fichier HTML.
 
|
Famille de police (font-family)Sous le terme famille de police, il faut comprendre les espèces de polices comme par exemple Arial, Helvetica, Times Roman etc... En font également partie des familles de police comme Sans Sérife etc...
Avec la commande décrite ici, vous pouvez mentionner des espèces de polices
sans vous soucier comment et si la police peut être affichée chez l'utilisateur. Au cas où la
police mentionnée ne peut pas être affichée, la mention reste sans effet. Une
possibilité d'imposer des polices en mentionnant une certaine source de
données de polices est décrite dans la partie 
formatage
de police avec fichier de polices.
<style type="text/css">
h1,h2,h3 { font-family:Avantgarde,Arial }
</style>
|
Avec font-family: vous pouvez spécifier une ou plusieurs polices. Si vous en mentionnez plusieurs, l'ordre dans lequel vous les mentionnez est déterminant: si la première est disponible, elle sera utilisée, sinon ce sera la deuxième au cas où elle est disponible etc...
Séparez les noms de polices par des virgules. Le consortium W3 recommande de mettre entre guillemets les noms de police qui contiennent des espaces, donc par exemple: font-family:"Century Schoolbook",Times.
Les familles de polices suivantes sont fixement prédéfinies - Vous pouvez utiliser ces mentions à côté du nom de police: serif, sans-serif, cursive, fantasy et monospace.
Les mentions de polices qui ne peuvent pas être affichées chez vous sont ignorées par le navigateur ou bien le navigateur leur reconnaît une appartenance à un type et utilise une police similaire.
|
|
Style de police (font-style)La style de police désigne l'orientation de la police.
<p style="font-style:italic">Text</p> |
Avec font-style: vous pouvez spécifier le style de police. Les données suivantes sont possibles:
italic = style de police italique.
oblique = style de police italique.
normal = style de police normal.
|
|
Variante de police (font-variant)Comme variante de police particulière existent les capitales (petites majuscules).
<style type="text/css">
h4 { font-variant:small-caps }
</style>
|
Mit font-variant: vous pouvez spécifier la variante de police. Les données suivantes sont possibles:
small-caps = capitales.
normal = variante de police normale.
|
|
Taille de police (font-size)La taille de police est est la taille dans laquelle elle sera représentée.
<h2 style="font-size:24pt">texte</h2> <p style="font-size:130%">texte</p> |
Avec font-size: vous pouvez spécifier la taille de police. Une mention
numérique est permise. Une mention en pourcentage est également
permise. La mention 130% de l'exemple ci-dessus signifie : 130% par rapport à
la taille normale de police qui est considérée comme étant 100%.
Les mentions "approximatives" suivantes sont aussi possibles et offrent une alternative aux données numériques:
xx-small = minuscule.
x-small = très petit.
small = petit.
medium = moyen.
large = grand.
x-large = très grand.
xx-large = géant.
smaller = visiblement plus petit que normal.
larger = visiblement plus grand que normal.
Vous pouvez combiner la mention de le taille de police avec la mention de la hauteur de ligne
en notant les deux mentions dans la mention font: en respectant la
syntaxe suivante (exemple): p { font:12pt/14pt }. Dans l'exemple
la taille de police est de 12 points et la hauteur de ligne est de 14points.
|
|
Poids de la police (font-weight)Le poids de la police correspond à l'état plus ou moins gras dans lequel la police est représentée.
<style type="text/css">
dt { font-weight:bold }
em { font-weight:600 }
</style>
|
Avec font-weight: vous pouvez déterminer le poids de la police. Les données suivantes sont possibles:
bold = gras.
bolder = très gras.
lighter = plus fin.
100,200,300,400,500,600,700,800,900 = très fin (100) jusqu'à
très gras (900).
normal = poids normal de police.
Pour les valeurs numériques la mention 500 correspond dans le domaine DTP au réglage habituel medium, et la mention 700 correspond au réglage bold.
Il n'y a pour ainsi dire aucune police installée qui soutient toutes les mentions permises relatives au poids de la police.
|
|
Police en général (font)Cette mention est un résumé des mentions distinctes facultatives suivantes:
famille de police
style de
police
variante
de police
taille de
police
poids de
police
hauteur
de ligne
<p style="font:bold italic 12pt Palatino, serif">texte</p> |
Avec font: vous pouvez mélanger différents formatages de police. Les mentions de valeur habituelles sont permises pour les mentions de feuilles de style autorisées qui sont résumées dans font:. L'ordre des mentions n'a pas d'importance.
|
|
Espace des mots (word-spacing)Avec cette mention, vous pouvez spécifier l'espace entre les mots dans le texte.
h3 { word-spacing:8mm }
|
Avec word-spacing: vous pouvez déterminer l'espace entre les mots.
Une mention
numérique est permise. Une mention en pourcentage est également
possible.
Cette mention n'est pas encore interprétée par Netscape ni par l' Explorer Internet MS dans leur version 4.x.
|
|
Espace des lettres (letter-spacing)Avec cette mention vous pouvez spécifier l'espace entre les lettres ou signes dans le texte.
<b style="letter-spacing:3em">texte étendu en gras</b> |
Avec letter-spacing: vous pouvez spécifier l'espacement de la police.
Une mention
numérique est permise. Une mention en pourcentage est également
possible.
Cette mention n'est interprétée que par l' Explorer Internet MS, et non par Netscape. L' Explorer Internet MS ne permet pas de mention en pourcentage.
|
|
Décoration du
texte (text-decoration)Avec cette mention vous pouvez préciser si le texte doit être souligné ou barré.
strong { text-decoration:underline }
|
Avec text-decoration: vous pouvez spécifier le soulignement. Les données suivantes sont possibles:
underline = souligné.
overline = ligne au dessus.
line-through = barré.
blink = clignotant.
none = normal (pas de décoration du texte).
L' Explorer Internet MS n'interprète pas la mention blink. Netscape 4.x n'interprète pas la mention overline.
|
|
Transformation du texte (text-transform)Avec cette mention vous pouvez imposer dans un passage de texte des minuscules, des majuscules ou des capitales indépendamment de la façon dont les lettres figurent effectivement dans le fichier.
<h1 style="text-transform:uppercase">tout en majuscules</h1> |
Avec text-transform: vous pouvez forcer une transformation du texte. Les données suivantes sont possibles:
capitalize = première lettre en majuscules.
uppercase = seulement des majuscules.
lowercase = seulement des minuscules.
none = normal (pas de décoration de texte).
L' Explorer Internet MS 4.x n'interprète pas encore la mention capitalize.
|
|
Couleur du texte (color)Avec cette mention vous pouvez spécifier la couleur de premier plan pour le texte.
b,i { color:#CC0000 }
|
Avec color: vous pouvez spécifier la couleur du texte. Les mentions
de couleur sont permises.
Pour la définition de couleurs vous pouvez utiliser l' instrument
de choix de couleur de SELFHTML.
|
|
Ombrage du texte (text-shadow)Avec cette mention vous pouvez créer un effet d'ombre pour le texte.
<p style="text-shadow:black; font-size:24pt;">Text</p> |
Avec text-shadow: vous pouvez imposer un ombrage au texte. Les mentions
de couleur sont permises ou la valeur none pour "aucun
ombrage".
Cette commande qui appartient à la version 2.0 des feuilles de style CSS n'est pas encore interprétée par Netscape ni par L' Explorer Internet MS dans leur version 4.x.
|
| |
après: |
Mentions de feuilles de style: formatage de police avec fichier de polices
|
avant: |
Unités de mesure, mentions de couleur et règles
|
SELFHTML/Quickbar
Feuilles de style
CSS Mentions
de feuilles de style
Serge François, 13405@free.fr
