Przykład
Niektóre różnych kursorów:
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość kursora określa rodzaj kursora mają być wyświetlane, gdy wskazując na elemencie.
| Domyślna wartość: | auto |
|---|---|
| Dziedziczny: | yes |
| Animatable: | no. Read about animatable |
| Wersja: | CSS2 |
| Składnia JavaScript: | object .style.cursor="crosshair" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| cursor | 5,0 | 5,5 | 4,0 | 5,0 | 9,6 |
Składnia CSS
cursor:value;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| alias | Kursor wskazuje aliasem coś ma być utworzona | Graj " |
| all-scroll | Kursor wskazuje, że coś może być przewijane w dowolnym kierunku | Graj " |
| auto | Zaniedbanie. Przeglądarka ustawia kursor | Graj " |
| cell | Kursor wskazuje, że komórki (or set of cells) mogą być wybrane | Graj " |
| context-menu | Kursor wskazuje, że kontekst-menu jest dostępne | Graj " |
| col-resize | Kursor wskazuje, że kolumna może być zmieniany w poziomie | Graj " |
| copy | Kursor wskazuje, że coś jest do skopiowania | Graj " |
| crosshair | Kursor renderowanie jako krzyżyk | Graj " |
| default | Domyślną kursora | Graj " |
| e-resize | Kursor wskazuje, że krawędź pole ma być przesunięta w prawo (east) | Graj " |
| ew-resize | Wskazuje na dwukierunkowy kursor zmiany rozmiaru | Graj " |
| grab | Kursor wskazuje, że coś może być chwycił | Graj " |
| grabbing | Kursor wskazuje, że coś może być chwycił | Graj " |
| help | Kursor wskazuje, że pomoc jest dostępna | Graj " |
| move | Kursor wskazuje coś ma być przeniesiona | Graj " |
| n-resize | Kursor wskazuje, że krawędź pole ma być przesunięta w górę (north) | Graj " |
| ne-resize | Kursor wskazuje, że krawędź pole ma być przesunięty w górę iw prawo (north/east) | Graj " |
| nesw-resize | Wskazuje na dwukierunkowy kursor zmiany rozmiaru | Graj " |
| ns-resize | Wskazuje na dwukierunkowy kursor zmiany rozmiaru | Graj " |
| nw-resize | Kursor wskazuje, że krawędź pole ma być przesunięty w górę iw lewo (north/west) | Graj " |
| nwse-resize | Wskazuje na dwukierunkowy kursor zmiany rozmiaru | Graj " |
| no-drop | Kursor wskazuje, że przeciągany element nie może zostać usunięta tutaj | Graj " |
| none | Nie Kursor staje się dla elementu | Graj " |
| not-allowed | Kursor wskazuje, że żądana akcja nie zostanie wykonana | Graj " |
| pointer | Kursor jest wskaźnikiem i wskazuje link | Graj " |
| progress | Kursor wskazuje, że program jest zajęty (in progress) | Graj " |
| row-resize | Kursor wskazuje, że rząd może być zmieniany w pionie | Graj " |
| s-resize | Kursor wskazuje, że krawędź pole ma być przesunięty w dół (south) | Graj " |
| se-resize | Kursor wskazuje, że krawędź pole ma być przesunięta w dół iw prawo (south/east) | Graj " |
| sw-resize | Kursor wskazuje, że krawędź pole ma być przesunięta w dół iw lewo (south/west) | Graj " |
| text | Kursor oznacza fragment, który może być wybrany | Graj " |
| URL | Oddzielone przecinkami listę adresów URL do niestandardowych kursorów. Note: należy zawsze określić ogólny kursor na końcu listy, w przypadku gdy żaden z suwaków URL zdefiniowane mogą być stosowane | Graj " |
| vertical-text | Kursor wyznacza pionową tekstowe, mogą być wybrane | Graj " |
| w-resize | Kursor wskazuje, że krawędź pole ma być przesunięta w lewo (west) | Graj " |
| wait | Kursor wskazuje, że program jest zajęty | Graj " |
| zoom-in | Kursor wskazuje, że coś może być powiększony | Graj " |
| zoom-out | Kursor wskazuje, że coś może być powiększona | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
HTML DOM referencyjny: cursor property