Kursory

Kształt

(interpretuje Internet Explorer 4, Netscape 6/Mozilla/Firefox, Opera 7, Chrome)

selektor { cursor: rodzaj }

Kursory ogólnego przeznaczenia

• auto - automatyczny wybór kształtu kursora (zależy od typu elementu, na który wskazujemy - tryb domyślny)

  Przykład:

  Wskaż ten tekst myszką

  Zauważ, że kształt kursora typu "auto" powinien zmieniać się w zależności od tego, czy wskażesz myszką tekst czy fragment tła znajdującego się pod nim (już bez tekstu).

• default - kursor domyślny (strzałka)

  Przykład:

  Wskaż ten tekst myszką

• none - brak kursora (CSS 3) - interpretuje MSIE 9, Firefox 3, Opera, Chrome

  Przykład:

  Wskaż ten tekst myszką

Odsyłacze i kursory statusu

• context-menu - menu kontekstowe, zwykle dostępne po kliknięciu prawym przyciskiem myszki (CSS 3) - interpretuje MSIE 9, Firefox 3

  Przykład:

  Wskaż ten tekst myszką

• help - kursor pomocy

  Przykład:

  Wskaż ten tekst myszką

• pointer - wskaźnik (wskazuje odsyłacz) - nie interpretuje MSIE 4

  Przykład:

  Wskaż ten tekst myszką

• hand - dłoń

  UWAGA! Kursor typu "hand" nie wchodzi w skład specyfikacji CSS 2.

  Przykład:

  Wskaż ten tekst myszką

• progress - "postęp" - interpretuje MSIE 6, ale nie MSIE 5 (CSS 2.1, ale nie CSS 2)

  Przykład:

  Wskaż ten tekst myszką

• wait - "poczekaj"

  Przykład:

  Wskaż ten tekst myszką

Kursory wyboru

• cell - wskazuje, że komórka (jak w arkuszu kalkulacyjnym) może być zaznaczona (CSS 3) - interpretuje MSIE 9, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• crosshair - krzyżyk

  Przykład:

  Wskaż ten tekst myszką

• text - kursor tekstowy

  Przykład:

  Wskaż ten tekst myszką

• vertical-text - pionowy kursor tekstowy (CSS 3) - interpretuje MSIE 6, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

Kursory "przeciągnij i upuść"

• alias - skrót (CSS 3) - interpretuje MSIE 9, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• copy - kopia (CSS 3) - interpretuje MSIE 9, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• move - "przesuń"

  Przykład:

  Wskaż ten tekst myszką

• no-drop - wskazuje, że przeciągany element nie może zostać upuszczony w tej pozycji (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome

  Przykład:

  Wskaż ten tekst myszką

• not-allowed - żądana akcja nie zostanie przeprowadzona (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome

  Przykład:

  Wskaż ten tekst myszką

Kursory zmiany rozmiaru i przewijania

• n-resize - "północ" (north): w MSIE 5 - strzałka w górę, w MSIE 6 - kursor zmiany rozmiaru pionowego

  UWAGA! Kursory z grupy "resize" są odmiennie wyświetlane w MSIE 5, gdzie jest to strzałka zwrócona w odpowiednią stronę, natomiast normalnie - kursor zmiany określonego rozmiaru.

  Przykład:

  Wskaż ten tekst myszką

• ne-resize - "północny wschód" (north-east): w MSIE 5 - strzałka, w MSIE 6 - kursor zmiany rozmiaru

  Przykład:

  Wskaż ten tekst myszką

• e-resize - "wschód" (east): w MSIE 5 - strzałka w prawo, w MSIE 6 - kursor zmiany rozmiaru poziomego

  Przykład:

  Wskaż ten tekst myszką

• se-resize - "południowy wschód" (south-east): w MSIE 5 - strzałka, w MSIE 6 - kursor zmiany rozmiaru

  Przykład:

  Wskaż ten tekst myszką

• s-resize - "południe" (south): w MSIE 5 - strzałka w gół, w MSIE 6 - kursor zmiany rozmiaru pionowego

  Przykład:

  Wskaż ten tekst myszką

• sw-resize - "południowy zachód" (south-west): w MSIE 5 - strzałka, w MSIE 6 - kursor zmiany rozmiaru

  Przykład:

  Wskaż ten tekst myszką

• w-resize - "zachód" (west): w MSIE 5 - strzałka w lewo, w MSIE 6 - kursor zmiany rozmiaru poziomego

  Przykład:

  Wskaż ten tekst myszką

• nw-resize - "północny zachód" (north-west): w MSIE 5 - strzałka, w MSIE 6 - kursor zmiany rozmiaru

  Przykład:

  Wskaż ten tekst myszką

• ns-resize - północ-południe (north-south): (CSS 3) - interpretuje MSIE 9, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• ew-resize - wschód-zachód (east-west): (CSS 3) - interpretuje MSIE 9, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• nesw-resize - północny wschód-południowy zachód (north-east south-west): (CSS 3) - interpretuje MSIE 9, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• nwse-resize - północny zachód-południowy wschód (north-west south-east): (CSS 3) - interpretuje MSIE 9, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• col-resize - pozioma zmiana szerokości kolumny: (CSS 3) - interpretuje MSIE 6, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• row-resize - pionowa zmiana wysokości wiersza: (CSS 3) - interpretuje MSIE 6, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• all-scroll - przewijanie w dowolnym kierunku: (CSS 3) - interpretuje MSIE 6, Firefox 2, Chrome

  Przykład:

  Wskaż ten tekst myszką

• W tym rozdziale dowiesz się...
• Kursor obrazkowy

• Do góry
• Strona główna
• Drukuj rozdział