mozilla
Vos résultats de recherche

    cursor

    Résumé

    La propriété CSS cursor définit le curseur de la souris à afficher lorsque le pointeur survole un élément.

    Syntaxe

    Syntaxe formelle : [ [ <uri> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out ] ]
    

    Valeurs

    <uri>
    Une url(…) ou une liste d'urls séparées par des virgules, pointant vers un fichier image. Plusieurs <uri> alternatives peuvent être renseignées, au cas où certains types d'images de curseur ne seraient pas supportés. Une alternative non URL (une ou plusieurs des autres valeurs) doit être placée à la fin de la liste. Pour plus d'informations, voir Utilisation d'URL pour la propriété cursor.
    <x> <y>
    Coordonnées optionnelles. Deux nombres sans unité, positifs ou nuls et inférieurs à 32.
    Valeurs mot-clé

    Survolez la valeur pour tester :

    Catégorie Valeur CSS   Description
    Général auto   Le navigateur détermine le curseur à afficher selon le contexte courant.
    Ex. : vaut text lors du survol d'un texte.
    default default.gif Curseur par défaut, habituellement une flèche.
    none   Aucun curseur affiché.
    Liens & statut context-menu context-menu.png Un menu contextuel est disponible sous le curseur.
    Seulement disponible sur IE 10 et supérieur sur Windows : bug 258960.
    help help.gif Indique qu'une aide est disponible.
    pointer pointer.gif Ex. : est utilisé lors du survol des liens, habituellement une main.
    progress progress.gif Le programme est occupé en fond mais l'utilisateur peut toujours intéragir avec l'interface (contrairement à wait).
    wait wait.gif Le programme est occupé (parfois un sablier ou une montre).
    Sélection cell cell.gif Indique que des cellules peuvent être sélectionnées.
    crosshair crosshair.gif Curseur en forme de croix, indique souvent une sélection de pixel sur une image.
    text text.gif Indique que du texte peut être sélectionné.
    vertical-text vertical-text.gif Indique que du texte vertical peut être sélectionné.
    Drag and drop alias alias.gif Indique qu'un alias ou un raccourci peut être créé.
    copy copy.gif Indique que quelque chose peut être copié.
    move move.gif L'objet survolé peut être déplacé.
    no-drop no-drop.gif Curseur indiquant qu'il n'est pas possible de déposer quelque chose à cet endroit.
    bug 275173 sur Windows, "no-drop est identique à not-allowed".
    not-allowed not-allowed.gif Curseur indiquant que quelque chose ne peut pas être fait.
    Redimensionnement & défilement all-scroll all-scroll.gif Cursor indiquant qu'il est possible de faire défiler dans n'importe quelle direction.
    bug 275174 sur Windows, "all-scroll est identique à move".
    col-resize col-resize.gif L'élément peut être redimensionné horizontalement. Souvent représenté par des flèches pointant à gauche et à droite séparées par une barre verticale.
    row-resize row-resize.gif L'élément peut être redimensionné verticalement. Souvent représenté par des flèches pointant en haut et en bas séparées par une barre horizontale.
    n-resize Example of a resize towards the top cursor Un côté peut être déplacé. Par exemple, le curseur se-resize est utilisé quand le mouvement commence dans le coin en bas à droite de la boîte.
    e-resize Example of a resize towards the right cursor
    s-resize Example of a resize towards the bottom cursor
    w-resize Example of a resize towards the left cursor
    ne-resize Example of a resize towards the top-right corner cursor
    nw-resize Example of a resize towards the top-left corner cursor
    se-resize Example of a resize towards the bottom-right corner cursor
    sw-resize Example of a resize towards the bottom-left corner cursor
    ew-resize 3-resize.gif Indique un redimensionnement bidirectionnel.
    ns-resize 6-resize.gif
    nesw-resize 1-resize.gif
    nwse-resize 4-resize.gif
    Zoom zoom-in zoom-in.gif Indique que quelque chose peut être zoomé ou dézoomé.
    zoom-out zoom-out.gif
    Saisie grab grab.gif Indique que quelque chose peut être saisi (pour être déplacé par cliquer-glisser).
    grabbing grabbing.gif

    Exemples

    .foo { cursor: crosshair; }
    
    /* use prefixed-value if "zoom-in" isn't supported */
    .bar { cursor: -webkit-zoom-in;  cursor: zoom-in; }
    
    /* standard cursor value as fallback for url() must be provided (doesn't work without) */
    .baz { cursor: url(hyper.cur), auto }

    Spécifications

    Specification Status Comment
    CSS Basic User Interface Module Level 3 Working Draft Ajout de plusieurs mots-clés et de la syntaxe de positionnement pour url().
    CSS Level 2 (Revision 1) Recommendation Définition initiale.

    Compatibilité des navigateurs

    Fonction Chrome (WebKit) Firefox (Gecko) Internet Explorer Opera Safari
    auto, crosshair, default, move, text, wait, help,
    n-resize, e-resize, s-resize, w-resize,
    ne-resize, nw-resize, se-resize, sw-resize
    1.0 1.0 (1.0) 4.0 7.0 1.2
    pointer, progress 1.0 1.0 (1.0 | 1.7) 6.0 7.x 1.2 | 3.0
    url() 1.0 (523) 1.5 (1.8);
    OS X: 4.0 (2.0)
    6.0 ? 3.0
    Positioning syntax for url() values (Yes) (Yes) Not supported ? (Yes)
    not-allowed, no-drop, vertical-text, all-scroll,
    col-resize, row-resize
    1.0 (522) 1.5 (1.8) 6.0 10.6 3.0
    alias, cell, copy,
    ew-resize, ns-resize, nesw-resize, nwse-resize
    1.0 (522) 1.5 (1.8) 10.0 10.6 3.0
    context-menu OS X, Linux: 1.0 (522) OS X, Linux: 1.5 (1.8) 10.0 10.6 3.0
    none 5.0 (533) 3.0 (1.9) 9.0 ? 5.0
    inherit 1.0 1.0 8.0 9.0 1.2
    zoom-in, zoom-out 1.0 (522) -webkit- 1.0 (1.4) -moz-
    24.0
    Not supported 11.6 3.0 -webkit-
    grab, grabbing 1.0; Windows: 22.0 -webkit- 1.5 (1.8) -moz-
    27.0
    Not supported ? 4.0 -webkit-

    Voir également

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: Sheppy, loranger, Fredchat, Julien.stuby, FredB, Golmote, teoli, Mgjbot, Kyodev
    Dernière mise à jour par : teoli,
    Masquer la barre latérale