CSS2 - interface et médias

CSS2 - interface et médias
Avec la norme CSS2 il est possible d'attacher à un document plusieurs feuilles
de styles choisies en fonction du média de restitution :
La norme CSS2 permet de modifier
l'interface utilisateur :
Type de média
all
aural
braille
Changement de curseur
Syntaxe
image mac
Description
N'importe quel type
Synthétiseur vocal
Equipement tactiles Braille
embossed
Imprimante relief Braille
cursor:crosshair
handheld
Equipement portables
cursor:pointer
print
Périphérique d'impression
cursor:move
projection
Projecteur multimédias
cursor:e-resize
screen
Ecran d'ordinateur couleur
cursor:ne-resize
cursor:nw-resize
tty
tv
Périphérique télétype
Télévision
cursor:n-resize
cursor:se-resize
Le choix du media peut se faire à l'intérieur d'une feuille de styles en utilisant
cursor:sw-resize
la règle @média :
cursor:s-resize
@media print {
cursor:w-resize
BODY {background-color:#FFFFFF; color:#000000} }
cursor:text
ou en créant une feuille externe spécifique :
cursor:wait
<LINK rel="stylesheet" href="print.css" media="print"…>
cursor:help
cursor:url("curseur.gif")
Peut varier selon les plate-formes
image
Paramètres d'impressions
ex: A{cursor:e-resize}
Propriété
page
Description
Permet d'imprimer un élément sur une
page nommée (par exemple avec <DIV>)
Valeurs
auto
page nommée
size
Définit la taille de page
auto
fonctionne dans une règle @page
portrait
Couleurs de barre de défilement
syntaxe
voir schéma
scrollbar-3d-light-color
1
scrollbar-arrow-color
2
scrollbar-base-color
tout
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-dark-shadow-color
5
6
Compatible IE 5+
landscape
marks
Permet d'insérer des repères de coupe aux
none
3
quatre coins de la page
crop
4
fonctionne dans une règle @page
cross
page-break-after
page-break-before
Permet d'insérer ds sauts de page après
auto
ou avant un élément de type bloc (<DIV>) always
avoid
1
left, right
2
ex:
5
BODY
page-break-inside
6
3
{scrollbar-3d-light-color: #F5F5F5;
scrollbar-arrow-color: #FF6600;
orphans
widows
Permet d'éviter qu'un contenu soit coupé
auto
par un saut de page
avoid
Définit le nombre de lignes isolées
nombre
en haut (widows) ou bas (orphans) de page
scrollbar-base-color: #6666CC;
scrollbar-face-color: #6666CC;
scrollbar-highlight-color: #CCCCFF;
4
scrollbar-shadow-color: #330099;
scrollbar-dark-shadow-color: #000033}
Le format d'impression d'une page se fait par l'intermédiaire de la règle @page :
@page :droite {
margin-left:2cm; size:landscape; marks:cross} }
Document protégé par la loi sur le droit d'auteur. Copies ou reproductions strictement réservées à l'usage privé ou pédagogique dans un cercle de classe.
Supports en ligne sur http://universite.online.fr
Jean-Marc Loisil [[email protected]]