STYLE DES COURSEURS 

:
La propriété CSS cursor définit la forme du curseur (s'il y en a un) lorsque le pointeur est au-dessus
de l'élément.

Catégorie Valeur CSS Rendu Description

Le navigateur détermine le curseur à afficher en
auto fonction du contexte (par exemple, l'effet sera
équivalent à text lors du survol du texte).
Général
default
Le curseur par défaut de la plateforme (qui est
généralement une flèche).
none Aucun curseur n'est affiché.
Un menu contextuel est disponible sous le
context- curseur. Seul
menu IE 10 et les versions supérieures ont implémenté
cette valeur sur Windows : bug 258960.
help Le pointeur indique qu'une aide est disponible.
Liens & états pointer
Le curseur est un pointeur qui indique un lien ;
généralement c'est une main.
Le programme est occupé en arrière-plan mais
progress l'utilisateur peut toujours interagir avec
l'interface (à la différence de wait).
wait
Le programme est occupé, empêchant toute
interaction.
cell
Le pointeur indique que la  ou les cellules du
tableau peuvent être sélectionnées.
Un curseur en forme de croix, généralement
crosshair utilisé pour indiquer une sélection sur une
Sélection image.
text
Le pointeur indique que le texte peut être
sélectionné.
vertical- Le pointeur indique que du texte vertical peut
text être sélectionné.
alias
Le pointeur indique qu'un alias ou qu'un
raccourci sera créé.
copy
Le pointeur indique que quelque chose devra
être copié.
move L'objet survolé devra être déplacé.
Le curseur indique qu'on ne peut pas déposer
Glisser/déposer no-drop
d'élément à cet endroit.
bug 275173 pour Windows et Mac OS X, « no-
drop a le même effet que not-allowed ».
grab Le pointeur indique que le contenu peut être
accroché/attrapé ou est accroché/attrapé pour
grabbing être glissé et déposé quelque part.
not- Le curseur indique que quelque chose ne peut
allowed pas être fait.
 Le curseur indique qu'on peut faire défiler le
all-scroll
contenu dans n'importe quelle direction.
bug 275174 pour Windows, « all-scroll a le
même effet que move".
col-resize
L'élément ou la colonne peut être redimensionné
horizontalement.
row-resize
L'élément ou la ligne peut être redimensionné
verticalement.
n-resize

e-resize Un bord peut être déplacé. Par exemple, le

curseur se-resize peut être utilisé lorsqu'on
s-resize redimensionne une boîte à partir de son coin
Redimensionnement & sud-est.
w-resize
défilement
ne-resize Dans certains environnements, un curseur
nw-resize bidirectionnel équivalent est affiché (ex. n-
resize et s-resize sont synonymes de ns-
se-resize
resize).
sw-resize

ew-resize

ns-resize
Le pointeur indique un redimensionnement
nesw-
resize
bidirectionnel.
nwse-
resize
zoom-in
Le pointeur indique qu'on peut
Zoom
zoom-out zoomer/dézoomer sur le contenu.
 FAIRE DEFILER UN TEXTE

 Défilement  : "scroll"

C’est le mode par défaut, dans lequel le texte défile de droite à gauche.

<marquee behavior="scroll">Le texte défile</marquee>

 Défilement alterné : "alternate"

Le texte va et vient à droite et à gauche.

<marquee behavior="alternate">Le texte va et vient </marquee>

 Glissement : "slide"

Le texte glisse de droite à gauche et s’arrête une fois arrivé en bout de ligne.

<marquee behavior="slide">Le texte glisse</marquee>

 Vers la droite : "right"

<marquee direction="right">Le texte défile vers la droite </marquee>

 Vers la gauche : "left"

<marquee direction="left">Le texte défile vers la gauche</marquee>

 Vers le haut : "up"

<marquee direction="up">Le texte défile vers le haut</marquee>

 Vers le bas : "down"

<marquee direction="down">Le texte défile vers le bas</marquee>

  Très lente

<marquee scrollamount="1">Le texte se déplace très lentement>

 Moyenne

<marquee scrollamount="5">Le texte se déplace un peu plus

rapidement</marquee>

 Rapide

<marquee scrollamount="10">Le texte se déplace rapidement</marquee>

 Très rapide

<marquee scrollamount="20">Le texte se déplace très rapidement</marquee>

**Zone de défilement

Il est possible de définir sa taille (hauteur, largeur) ainsi que sa couleur.

 Hauteur : height

Plus le chiffre, exprimé en pixels, est élevé, plus la hauteur est importante.

<marquee direction="up" height="20">Zone de défilement basse></marquee>

<marquee direction="up" height="100">Zone de défilement haute></marquee>

 Largeur : width

<marquee width="50">Zone de défilement étroite</marquee>

<marquee width="400">Zone de défilement plus large</marquee>

 Couleur  : bgcolor

Il est possible d’utiliser le nom des couleurs en anglais ou leur code hexadécimal : pour la
correspondance entre les deux, voir notre tableau sur les codes couleurs HTML.

<marquee bgcolor="orange">Zone de défilement orange</marquee>

Lien : https://www.eclairement.com/Faire-defiler-un-texte-en-HTML