mozilla
Ihre Suchergebnisse

    cursor

    Übersicht

    Die cursor Eigenschaft legt den Cursor fest, der angezeigt wird, wenn sich der Mauszeiger über einem Element befindet.

    • Initialwert auto
    • Anwendbar auf Alle Elemente
    • Vererbt Ja
    • Prozentwerte
    • Medium visuell, interaktiv
    • Berechneter Wert Wie angegeben, aber relative URL's werden in absolute URL's konvertiert
    • Animierbar Nein
    • Kanonische Reihenfolge die einzige nicht missverständliche Reihenfolge definiert durch die formale Grammatik

    Syntax

    cursor:[ [ <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 | grab | grabbing ] ]
    

    Werte

    <uri>
    Eine durch Kommata getrennte Liste, die auf benutzerdefinierte Bilder verweist, die als Cursor angezeigt werden sollen. Mehr als eine Angabe macht Sinn, um eine Ausweichlösung (Fallback) bei nicht unterstützten Bildformaten in anderen Browsern bereitzustellen. Am Ende der Liste muss ein Fallback stehen, welches einen Cursor ohne URL angibt, um einen Mauszeiger anzeigen zu können, wenn kein benutzerdefiniertes Bild geladen werden kann. Siehe auch: Verwendung von URL Werten für die cursor Eigenschaft für weitere Details.
    <x> <y>
    Optionale Angabe von X- und Y-Koordinaten (vom Internet Explorer nicht unterstützt). Angegeben werden zwei Zahlen ohne Einheit.
    inherit
    Der Wert des Elternelements wird geerbt.

    Unterstützte CSS Standardwerte

    Kategorie CSS Wert
    Mouseover zum Testen
      Beschreibung
    Allgemein auto   Der Browser bestimmt aufgrund des aktuellen Kontextes, welcher Cursor angezeigt wird.
    Wenn der Mauszeiger sich zum Beispiel über dem Text befindet, wird der text Cursor angezeigt.
    default default.gif Standard Cursor. Üblicherweise durch ein Pfeil dargestellt.
    none   Es wird kein Cursor wird angezeigt.
    Links & Status context-menu context-menu.png Ein Kontextmenü wird unter dem Cursor angezeigt.
    Unter Windows nicht verfügbar. Bug 258960
    help help.gif Zeigt an, dass Hilfe verfügbar ist.
    pointer pointer.gif Wird zum Beispiel angezeigt, wenn der Mauszeiger sich über Links befindet. Üblicherweise durch eine Hand dargestellt.
    progress progress.gif Zeigt an, dass das Programm im Hintergrund arbeitet und der Benutzer kann, anders als bei wait, weiterhin mit der Oberfläche arbeiten.
    wait wait.gif Zeigt an, dass das Programm arbeitet. Manchmal auch durch eine Sanduhr oder eine Uhr dargestellt.
    Auswahl cell cell.gif Zeigt an, dass Zellen ausgewählt werden können.
    crosshair crosshair.gif Ein Kreuz, das oft zur Auswahl eines Bereiches in Bildern verwendet wird.
    text text.gif Zeigt an, dass der Text ausgewählt werden kann.
    vertical-text vertical-text.gif Zeigt an, dass vertikaler Text ausgewählt werden kann.
    Drag and drop alias alias.gif Zeigt an, dass ein Tastenkürzel vorhanden ist.
    copy copy.gif Zeigt an, dass etwas kopiert werden kann.
    move move.gif Zeigt an, dass das Objekt bewegt werden kann.
    no-drop no-drop.gifZeigt an, dass an der aktuellen Stelle nichts hinein gezogen werden darf.
    Bug 275173 unter Windows ist no-drop gleich wie not-allowed.
    not-allowed not-allowed.gif Zeigt an, dass hier etwas nicht erlaubt ist.
    Skalierung & Scrollen all-scroll all-scroll.gif Zeigt an, dass etwas in alle Richtungen gescrollt werden kann.
    Bug 275174 unter Windows ist all-scroll gleich wie move.
    col-resize col-resize.gif Zeigt an, dass das Element bzw. die Spalte horizontal skaliert werden kann. Meistens als Pfeile dargestellt, die nach rechts und links zeigen und in der Mitte einen Trennbalken haben.
    row-resize row-resize.gif Zeigt an, dass das Element bzw. die Zeile vertikal skaliert werden kann. Meistens als Pfeile dargestellt, die nach unten und oben zeigen und in der Mitte einen Trennbalken haben.
    n-resize n-resize.gif Zeigt an, dass von einer Ecke aus skaliert werden kann. Der se-resize Cursor wird zum Beispiel benutzt, wenn, von der unteren rechten Ecke aus, etwas bewegt/skaliert werden soll.
    e-resize e-resize.gif
    s-resize s-resize.gif
    w-resize w-resize.gif
    ne-resize ne-resize.gif
    nw-resize nw-resize.gif
    se-resize se-resize.gif
    sw-resize sw-resize.gif
    ew-resize ew-resize.gif Zeigt an, dass in zwei Richtungen (bidirektional) skaliert werden kann.
    ns-resize ns-resize.gif
    nesw-resize nesw-resize.gif
    nwse-resize nwse-resize.gif
    Zoom zoom-in zoom-in.gif

    Indicates that something can be zoomed (magnified) in or out.

    zoom-out zoom-out.gif
    Drag & Drop grab grab.gif

    Indicates that something can be grabbed (dragged to be moved).

    grabbing grabbing.gif

    Hinweise

    Hinweis zu Gecko 2.0
    (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1)

    Unterstützung zum Laden eines Cursors von einer URI wurde für Mac OS X in Gecko 2.0 eingeführt. Vorherige Versionen unterstützen keine URI-Angaben unter OS X.

    Beispiele

    Live Beispiel

    .foo { cursor: crosshair; }
    
    .bar { cursor: move;  cursor: cell; }  /* Benutze move wenn cell nicht unterstützt wird. */ 
    
    .baz { url(hyper.cur), auto }          /* Standardwert als Fallback, damit ein Cursor gezeigt werden kann.*/
    

    Browser Kompatibilität

    Feature 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
    hand (für diesen Zweck verwendet man pointer ) Nicht unterstützt Nicht unterstützt 4.0 Nicht unterstützt Nicht unterstützt
    pointer | progress 1.0 1.0 (1.0|1.7) 6.0 7.x 1.2 | 3.0
    url()   See Using URL values [en] 1.0 (523) 1.5 (1.8) 6.0 Nicht unterstützt 3.0
    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] context-menu 1.0 (522) 1.5 (1.8) Nicht unterstützt 10.6 3.0 [2]
    none 5.0 (533) 3.0 (1.9) 9.0 Nicht unterstützt 5.0 [2]
    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

    Nicht unterstützt 11.6 3.0 --webkit-
    grab, grabbing 1.0; Windows: 22.0 --webkit- 1.5 (1.8) --moz-
    27.0
    Nicht unterstützt ? 4.0 --webkit-

    [1] Mozilla and WebKit verwenden context-menu nicht in Windows, Opera schon.
    [2] In Safari funktioniert alias, cell, copy, none nicht in Windows (was ist mit Mac?).

    Spezifikation

    Siehe auch

    Schlagwörter des Dokuments und Mitwirkende

    Contributors to this page: fscholz, Jürgen Jeka, Sebastianz, Michael2402, SJW, bee8bit
    Zuletzt aktualisiert von: bee8bit,