1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
|
---
title: cursor
slug: Web/CSS/cursor
tags:
- CSS
- 'CSS:Dokumentacje'
- Dokumentacje
- Wszystkie_kategorie
translation_of: Web/CSS/cursor
---
<p>{{CSSRef}}</p>
<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>
<p>Własność <code>cursor</code> określa kursor myszy wyświetlany, kiedy wskaźnik myszy jest nad elementem.</p>
<p>{{cssinfo}}</p>
<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2>
<pre class="eval">cursor: <std-cursor-name> | <url> [<x> <y>]? [, <url> [<x> <y>]?]* | {{ Cssxref("inherit") }} ;
</pre>
<pre class="eval">cursor: [<url> [<x> <y>]?,]* <std-cursor-name> ;
</pre>
<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h3>
<dl>
<dt><url> {{ mediawiki.external(' ') }}? </dt>
<dd>URL własnego kursora. Może być podany więcej niż jeden w wypadku, kiedy niektóre typy obrazów nie są obsługiwane. Pozostałe adresy URL muszą być podane jako ostatnie. Zobacz <a href="pl/U%c5%bcycie_warto%c5%9bci_URL_dla_w%c5%82asno%c5%9bci_cursor">Użycie wartości URL dla własności cursor</a> po więcej informacji.</dd>
<dt><std-cursor-name></dt>
<dd>Jedna z nazw kursorów podanych w poniższej tabeli.</dd>
</dl>
<dl>
<dt><code>default</code> </dt>
<dd>domyślny kursor (zazwyczaj strzałka)</dd>
<dt><code>auto</code> </dt>
<dd>odpowiednik <code>text</code>, kiedy jest ponad tekstem i <code>default</code> w innych przypadkach</dd>
<dt><code>crosshair</code> </dt>
<dd>kursor w kształcie krzyżyka, często używany do wskazania zaznaczenia w bitmapie</dd>
<dt><code>pointer</code> </dt>
<dd>kursor używany nad linkami (zwykle ręka)</dd>
<dt><code>move</code> </dt>
<dd>kursor przenoszenia</dd>
<dt><code>e-resize</code> </dt>
<dd>kursor do zmiany rozmiaru prawej krawędzi pudełka</dd>
<dt><code>ne-resize</code> </dt>
<dd>kursor do zmiany rozmiaru górnego prawego rogu pudełka</dd>
<dt><code>nw-resize</code> </dt>
<dd>kursor do zmiany rozmiaru górnego lewego rogu pudełka</dd>
<dt><code>n-resize</code> </dt>
<dd>kursor do zmiany rozmiaru górnej krawędzi pudełka</dd>
<dt><code>se-resize</code> </dt>
<dd>kursor do zmiany rozmiaru dolnego prawego rogu pudełka</dd>
<dt><code>sw-resize</code> </dt>
<dd>kursor do zmiany rozmiaru dolnego lewego rogu pudełka</dd>
<dt><code>s-resize</code> </dt>
<dd>kursor do zmiany rozmiaru dolnej krawędzi pudełka</dd>
<dt><code>w-resize</code> </dt>
<dd>kursor do zmiany rozmiaru lewej krawędzi pudełka</dd>
<dt><code>text</code> </dt>
<dd>kursor wskazujący tekst, który może być zaznaczony (zwykle belka w kształcie I)</dd>
<dt><code>wait</code> </dt>
<dd>kursor wskazujący, że program jest zajęty (czasami klepsydra lub zegarek)</dd>
<dt><code>help</code> </dt>
<dd>kursor wskazujący, że dostępna jest pomoc</dd>
<dt><code>progress</code> </dt>
<dd>kursor wskazujący, że program jest jest zajęty, ale użytkownik może nadal oddziaływać z nim (w przeciwieństwie do <code>busy</code>)</dd>
<dt><code>copy</code> </dt>
<dd>kursor pokazujący, że coś może być skopiowane</dd>
<dt><code>alias</code> </dt>
<dd>kursor wskazujący, że alias lub skrót jest do utworzenia</dd>
<dt><code>context-menu</code> </dt>
<dd>kursor wskazujący, że menu kontekstowe jest dostępne pod kursorem</dd>
<dt><code>cell</code> </dt>
<dd>kursor wskazujący, że komórki mogą być zaznaczone</dd>
<dt><code>not-allowed</code> </dt>
<dd>kursor pokazujący, że coś nie może być zrobione</dd>
<dt><code>col-resize</code> </dt>
<dd>kursor do zmiany rozmiaru kolumn poziomo</dd>
<dt><code>row-resize</code> </dt>
<dd>kursor do zmiany rozmiaru wierszy pionowo</dd>
<dt><code>no-drop</code> </dt>
<dd>kursor pokazujący, że opuszczenie nie jest dozwolone w aktualnym położeniu</dd>
<dt><code>vertical-text</code> </dt>
<dd>kursor wskazujący, że poziomy tekst może być zaznaczony (zwykle boczna belka w kształcie I)</dd>
<dt><code>all-scroll</code> </dt>
<dd>kursor pokazujący, że coś może być przewijane w dowolnym kierunku (przesuwane)</dd>
<dt><code>nesw-resize</code> </dt>
<dd>kursor do zmiany rozmiaru w kierunkach górny prawy lub dolny lewy</dd>
<dt><code>nwse-resize</code> </dt>
<dd>kursor do zmiany rozmiaru w kierunkach górny lewy lub dolny prawy</dd>
<dt><code>ns-resize</code> </dt>
<dd>kursor do zmiany rozmiaru w górę lub w dół</dd>
<dt><code>ew-resize</code> </dt>
<dd>kursor do zmiany rozmiaru w lewo lub prawo</dd>
</dl>
<h2 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h2>
<p><a href="/samples/cssref/cursor.html">Zobacz przykład</a></p>
<pre>Liniowy:
<span style="cursor: crosshair">Jakiś tekst</span>
Zewnętrzny:
.pointer {
cursor: pointer;
}
.move {
cursor: move;
}
</pre>
<h2 id="Notatki" name="Notatki">Notatki</h2>
<p>Ta własność działa na starszych przeglądarkach, jednak nie wszystkie wartości są w pełni wspierane.</p>
<h2 id="Specyfikacje" name="Specyfikacje">Specyfikacje</h2>
<ul>
<li><a class="external" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor">CSS 2.1</a></li>
<li><a class="external" href="http://www.w3.org/TR/css3-ui/#cursor">css3-ui</a></li>
</ul>
<h2 id="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85" name="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85">Zgodność z przeglądarką</h2>
<table class="standard-table">
<tbody>
<tr>
<th>Przeglądarka</th>
<th>Najniższa wersja</th>
</tr>
<tr>
<td>Internet Explorer</td>
<td>4</td>
</tr>
<tr>
<td>Firefox</td>
<td>1.5</td>
</tr>
<tr>
<td>Netscape</td>
<td>6</td>
</tr>
<tr>
<td>Opera</td>
<td>7</td>
</tr>
</tbody>
</table>
|
