Atrybut cursor w CSS

Definicja i użycie

Atrybut 'cursor' określa typ (kształt) kursora do wyświetlenia.

Definiuje kształt kursora używanego, gdy wskaźnik myszy jest umieszczony w granicach elementu (choć CSS2.1 nie określa, która granica określa to pole).

Zobacz również:

Kurs CSSUmieszczanie CSS

Podręcznik HTML DOMAtrybut cursor

Przykład

Różne kursorzy:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

Spróbuj sam

Gramatyka CSS

cursor: value;

Wartość atrybutu

Wartość Opis
url

URL niestandardowego kursora do użycia.

Komentarz:Zawsze zdefiniuj normalny kursor na końcu tego listy, aby upewnić się, że nie zostanie użyty żaden kursor nie zdefiniowany przez URL.
default Domyślny kursor (zwykle strzałka)
auto Domyślny. Kursor ustawiony przez przeglądarkę.
crosshair Kursor呈現為十字線。
pointer Kursor呈現為指示鏈接的手指（一隻手）
przesuwanie Ten kursor wskazuje, że obiekt można przesunąć.
e-resize Ten kursor wskazuje, że krawędź okręgu można przesunąć w prawo (wschód).
ne-resize Ten kursor wskazuje, że krawędź okręgu można przesunąć w górę i w prawo (nord/zachód).
nw-resize Ten kursor wskazuje, że krawędź okręgu można przesunąć w górę i w lewo (nord/wschód).
n-resize Ten kursor wskazuje, że krawędź okręgu można przesunąć w górę (nord).
se-resize Ten kursor wskazuje, że krawędź okręgu można przesunąć w dół i w prawo (południe/zachód).
sw-resize Ten kursor wskazuje, że krawędź okręgu można przesunąć w dół i w lewo (południe/wschód).
s-resize Ten kursor wskazuje, że krawędź okręgu można przesunąć w dół (południe).
w-resize Ten kursor wskazuje, że krawędź okręgu można przesunąć w lewo (wschód).
tekst Ten kursor wskazuje na tekst.
oczekiwanie Ten kursor wskazuje, że program jest zajęty (zwykle tarcza lub sandał).
pomoc Ten kursor wskazuje na dostępne pomoc (zwykle znak zapytania lub balonik).

Szczegóły techniczne

Domyślna wartość: auto
Inheritance: tak
Wersja: CSS2
Gramatyka JavaScript: object.style.cursor="crosshair"

Próbuj sam

Zmień kursor
Ten przykład pokazuje, jak zmienić kursor.

Wsparcie przeglądarki

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która obsługuje pełną funkcjonalność tego atrybutu.

Chrome IE / Edge Firefox Safari Opera
5.0 5.5 4.0 5.0 9.6

Komentarz:Opera 9.3 i Safari 3 nie wspierają url wartość.