Kurs HTML - style (kursory)







SPIS TREŚCI


Kształt


Kursory




KSZTAŁT
(interpretuje Internet Explorer 4, Netscape 6 i Opera 7)
SELEKTOR { cursor: rodzaj }

SELEKTOREM może być praktycznie dowolny znacznik HTML
[zobacz: Wstawianie stylów].
Natomiast "rodzaj" odpowiada za kształt, jaki przybierze wskaźnik myszki, po
naprowadzeniu go na dany element. Możliwe są tutaj definicje:



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" zmienia się w zależności od tego, czy wskażesz myszką tekst czy
fragment żółtego tła znajdującego się pod nim (już bez tekstu).



crosshair - krzyżyk

Przykład:
Wskaż ten tekst myszką



default - kursor domyślny (strzałka)

Przykład:
Wskaż ten tekst myszką



pointer - wskaźnik (wskazuje odsyłacz) - nie interpretuje IE4

Przykład:
Wskaż ten tekst myszką



hand - dłoń

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


Przykład:
Wskaż ten tekst myszką



move - kursor "przesuń"

Przykład:
Wskaż ten tekst myszką



n-resize - kursor "północ" (north): w IE5 - strzałka w górę, w IE6 - kursor zmiany rozmiaru pionowego

UWAGA! Kursory z grupy "resize" są odmiennie wyświetlane w IE5 i w IE6. W pierwszym przypadku (IE5)
jest to strzałka zwrócona w odpowiednią stronę, natomiast w drugim (IE6) - kursor zmiany określonego rozmiaru.


Przykład:
Wskaż ten tekst myszką



ne-resize - kursor "północny wschód" (north-east): w IE5 - strzałka, w IE6 - kursor zmiany rozmiaru

Przykład:
Wskaż ten tekst myszką



e-resize - kursor "wschód" (east): w IE5 - strzałka w prawo, w IE6 - kursor zmiany rozmiaru poziomego

Przykład:
Wskaż ten tekst myszką



se-resize - kursor "południowy wschód" (south-east): w IE5 - strzałka, w IE6 - kursor zmiany rozmiaru

Przykład:
Wskaż ten tekst myszką



s-resize - kursor "południe" (south): w IE5 - strzałka w gół, w IE6 - kursor zmiany rozmiaru pionowego

Przykład:
Wskaż ten tekst myszką



sw-resize - kursor "południowy zachód" (south-west): w IE5 - strzałka, w IE6 - kursor zmiany rozmiaru

Przykład:
Wskaż ten tekst myszką



w-resize - kursor "zachód" (west): w IE5 - strzałka w lewo, w IE6 - kursor zmiany rozmiaru poziomego

Przykład:
Wskaż ten tekst myszką



nw-resize - kursor "północny zachód" (north-west): w IE5 - strzałka, w IE6 - kursor zmiany rozmiaru

Przykład:
Wskaż ten tekst myszką



text - kursor tekstowy

Przykład:
Wskaż ten tekst myszką



wait - kursor "poczekaj"

Przykład:
Wskaż ten tekst myszką



help - kursor pomocy

Przykład:
Wskaż ten tekst myszką



Kursor wczytany z pliku (interpretuje IE6, ale nie IE5):
SELEKTOR { cursor: url(ścieżka dostępu) }

Ścieżkę dostępu należy konstruować względem arkusza CSS, a nie względem dokumentu HTML!


Dzięki takiej deklaracji możliwe jest wczytanie dowolnego kursora z pliku,
który znajduje się, razem ze stroną, na dysku serwera w Internecie.
Przypominam, że w systemie operacyjnym Windows zwykłe kursory mają
rozszerzenie *.cur, natomiast kursory animowane *.ani.


Przykład:
Wskaż ten tekst myszką