|
Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier
ostatnia modyfikacja: 2002.06.10 wersja kursu: 1.1
|
[0-9]
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
[główne menu] -
[elementy HTML] -
[atrybuty HTML] -
[style CSS] -
[artykuły]
tabele
listy
formularze
multimedia
el. strukturalne
el. blokowe
el. liniowe
cursor
Styl definiuje wygląd kursora.
Wartości:
- auto (wartość domyślna) - CSS2 / IE4, N6
- wygląd uzależniony od kontekstu
- default - CSS2 / IE4, N6
- wygląd domyślny, zwykle strzałka
- URL - CSS2 / IE6
- adres własnego wyglądu kursora
- [n-resize|ne-resize|e-resize|se-resize|s-resize|sw-resize|w-resize|nw-resize] - CSS2 / IE4, N6
- zmiana orientacji kursora wyznaczona przez strony świata
- crosshair - CSS2 / IE4, N6
- kursor w postaci krzyża
- pointer - CSS2 / IE4, N6
- kursor w postaci wskaźnika (np. strzałka)
- move - CSS2 / IE4, N6
- kursor dla elementów, które można przemieszczać
- text - CSS2 / IE4, N6
- kursor dla elementów tekstowych
- wait - CSS2 / IE4, N6
- kursor oczekiwania (np. zegarek lub klepsydra)
- help - CSS2 / IE4, N6
- kursor pomocy (np. znak zapytania)
- inherit - CSS2
- przejęcie wartości "rodzica", np. cursor:inherit;
Pozostałe cechy:
CSS/przeglądarki: CSS2 / IE4, N6
Przykładowe zastosowania:
Przykład 1:
<P style="cursor:help;">Najedź tutaj i zobacz kursor "help"</P>
Najedź tutaj i zobacz kursor "help"
Przykład 2:
<P style="cursor:wait;">Najedź tutaj i zobacz kursor "wait"</P>
Najedź tutaj i zobacz kursor "wait"
Przykład 3:
<P style="cursor:text;">Najedź tutaj i zobacz kursor "text"</P>
Najedź tutaj i zobacz kursor "text"
Przykład 4:
<P style="cursor:move;">Najedź tutaj i zobacz kursor "move"</P>
Najedź tutaj i zobacz kursor "move"
Przykład 5:
<P style="cursor:pointer;">Najedź tutaj i zobacz kursor "pointer"</P>
Najedź tutaj i zobacz kursor "pointer"
Przykład 6:
<P style="cursor:crosshair;">Najedź tutaj i zobacz kursor "crosshair"</P>
Najedź tutaj i zobacz kursor "crosshair"
Przykład 7:
<STYLE TYPE="text/css"><!--
BODY {cursor:crosshair;}
--></STYLE>
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!
|