Webelix.net :: CSS - La propriété Cursor

Vous êtes ici : Home Page

Cours

CSS

Propriete cursor

Imprimer le document

Informations Générales

[442] Posts sur le forum

[523] Membres inscrits
Il y a en ligne :

0 Membre

1 Invité

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans « Partenariat » pour en savoir plus.

Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

Nos Partenaires

La propriété Cursor

Cette propriété définit l'apparence et le comportement du curseur de la souris. Des mot-clés prédéfinissent le type du curseur, mais il est possible d'affecter un curseur différent par l'intermédiaire d'un fichier adéquate. Pour cela, il suffira, en principe, de citer l'adresse URL du document afin que le curseur adopte la forme escomptée.

cursor
Valeur	auto Adresse URL crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help
Type	CSS 2
Compatibilité	5+ 7+ 4+ 3+ 9+
Valeur par défaut	auto
Domaine d'application	Tous les éléments
Héritage	oui
Media	Visuel et interactif

Valeur possible	Action	Exemple
auto	Le navigateur définit un curseur de base dans le contexte courant.	p {cursor: auto}
Adresse URL	Le curseur est défini par un fichier spécifique.	object {cursor: url(./dossier/curseur.cur)}
crosshair	Le curseur prend la forme d'une croix "+".	img {cursor: crosshair}
default	La plateforme définit un curseur par défaut.	table {cursor: default}
pointer	Le curseur est un pointeur qui indique un lien.	ul {cursor: pointer}
move	Le curseur indique que quelque chose est à déplacé.	blockquote {cursor: move}
e-resize	Le curseur indique un redimensionnement avec un mouvement venant de l'est.	iframe {cursor: e-resize}
ne-resize	Le curseur indique un redimensionnement avec un mouvement venant du nord-est.	frameset {cursor: ne-resize}
nw-resize	Le curseur indique un redimensionnement avec un mouvement venant du nord-ouest.	textarea {cursor: nw-resize}
n-resize	Le curseur indique un redimensionnement avec un mouvement venant du nord.	textarea {cursor: n-resize}
se-resize	Le curseur indique un redimensionnement avec un mouvement venant du sud-est.	textarea {cursor: se-resize}
sw-resize	Le curseur indique un redimensionnement avec un mouvement venant du sud-ouest.	textarea {cursor: sw-resize}
s-resize	Le curseur indique un redimensionnement avec un mouvement venant du sud.	iframe {cursor: s-resize}
w-resize	Le curseur indique un redimensionnement avec un mouvement venant de l'ouest.	iframe {cursor: w-resize}
text	Le curseur indique qu'un texte peut être sélectionné.	pre {cursor: text}
wait	Le curseur indique que le système est occupé et qu'il faille donc attendre.	div {cursor: wait}
help	Le curseur indique que l'aide est disponible sur l'élément.	img {cursor: help}