From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pl/web/css/cursor/index.html | 156 +++++++++++++++++++++ .../index.html" | 41 ++++++ 2 files changed, 197 insertions(+) create mode 100644 files/pl/web/css/cursor/index.html create mode 100644 "files/pl/web/css/cursor/u\305\274ycie_warto\305\233ci_url_dla_w\305\202asno\305\233ci_cursor/index.html" (limited to 'files/pl/web/css/cursor') diff --git a/files/pl/web/css/cursor/index.html b/files/pl/web/css/cursor/index.html new file mode 100644 index 0000000000..74575073a9 --- /dev/null +++ b/files/pl/web/css/cursor/index.html @@ -0,0 +1,156 @@ +--- +title: cursor +slug: Web/CSS/cursor +tags: + - CSS + - 'CSS:Dokumentacje' + - Dokumentacje + - Wszystkie_kategorie +translation_of: Web/CSS/cursor +--- +

{{CSSRef}}

+ +

Podsumowanie

+ +

Własność cursor określa kursor myszy wyświetlany, kiedy wskaźnik myszy jest nad elementem.

+ +

{{cssinfo}}

+ +

Składnia

+ +
cursor: <std-cursor-name> | <url> [<x> <y>]? [, <url> [<x> <y>]?]* | {{ Cssxref("inherit") }} ;
+
+ +
cursor: [<url> [<x> <y>]?,]*  <std-cursor-name> ;
+
+ +

Wartości

+ +
+
<url> {{ mediawiki.external(' ') }}? 
+
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 Użycie wartości URL dla własności cursor po więcej informacji.
+
<std-cursor-name>
+
Jedna z nazw kursorów podanych w poniższej tabeli.
+
+ +
+
default 
+
domyślny kursor (zazwyczaj strzałka)
+
auto 
+
odpowiednik text, kiedy jest ponad tekstem i default w innych przypadkach
+
crosshair 
+
kursor w kształcie krzyżyka, często używany do wskazania zaznaczenia w bitmapie
+
pointer 
+
kursor używany nad linkami (zwykle ręka)
+
move 
+
kursor przenoszenia
+
e-resize 
+
kursor do zmiany rozmiaru prawej krawędzi pudełka
+
ne-resize 
+
kursor do zmiany rozmiaru górnego prawego rogu pudełka
+
nw-resize 
+
kursor do zmiany rozmiaru górnego lewego rogu pudełka
+
n-resize 
+
kursor do zmiany rozmiaru górnej krawędzi pudełka
+
se-resize 
+
kursor do zmiany rozmiaru dolnego prawego rogu pudełka
+
sw-resize 
+
kursor do zmiany rozmiaru dolnego lewego rogu pudełka
+
s-resize 
+
kursor do zmiany rozmiaru dolnej krawędzi pudełka
+
w-resize 
+
kursor do zmiany rozmiaru lewej krawędzi pudełka
+
text 
+
kursor wskazujący tekst, który może być zaznaczony (zwykle belka w kształcie I)
+
wait 
+
kursor wskazujący, że program jest zajęty (czasami klepsydra lub zegarek)
+
help 
+
kursor wskazujący, że dostępna jest pomoc
+
progress 
+
kursor wskazujący, że program jest jest zajęty, ale użytkownik może nadal oddziaływać z nim (w przeciwieństwie do busy)
+
copy 
+
kursor pokazujący, że coś może być skopiowane
+
alias 
+
kursor wskazujący, że alias lub skrót jest do utworzenia
+
context-menu 
+
kursor wskazujący, że menu kontekstowe jest dostępne pod kursorem
+
cell 
+
kursor wskazujący, że komórki mogą być zaznaczone
+
not-allowed 
+
kursor pokazujący, że coś nie może być zrobione
+
col-resize 
+
kursor do zmiany rozmiaru kolumn poziomo
+
row-resize 
+
kursor do zmiany rozmiaru wierszy pionowo
+
no-drop 
+
kursor pokazujący, że opuszczenie nie jest dozwolone w aktualnym położeniu
+
vertical-text 
+
kursor wskazujący, że poziomy tekst może być zaznaczony (zwykle boczna belka w kształcie I)
+
all-scroll 
+
kursor pokazujący, że coś może być przewijane w dowolnym kierunku (przesuwane)
+
nesw-resize 
+
kursor do zmiany rozmiaru w kierunkach górny prawy lub dolny lewy
+
nwse-resize 
+
kursor do zmiany rozmiaru w kierunkach górny lewy lub dolny prawy
+
ns-resize 
+
kursor do zmiany rozmiaru w górę lub w dół
+
ew-resize 
+
kursor do zmiany rozmiaru w lewo lub prawo
+
+ +

Przykłady

+ +

Zobacz przykład

+ +
Liniowy:
+
+<span style="cursor: crosshair">Jakiś tekst</span>
+
+Zewnętrzny:
+
+.pointer {
+	cursor: pointer;
+}
+.move {
+	cursor: move;
+}
+
+
+ +

Notatki

+ +

Ta własność działa na starszych przeglądarkach, jednak nie wszystkie wartości są w pełni wspierane.

+ +

Specyfikacje

+ + + +

Zgodność z przeglądarką

+ + + + + + + + + + + + + + + + + + + + + + + + +
PrzeglądarkaNajniższa wersja
Internet Explorer4
Firefox1.5
Netscape6
Opera7
diff --git "a/files/pl/web/css/cursor/u\305\274ycie_warto\305\233ci_url_dla_w\305\202asno\305\233ci_cursor/index.html" "b/files/pl/web/css/cursor/u\305\274ycie_warto\305\233ci_url_dla_w\305\202asno\305\233ci_cursor/index.html" new file mode 100644 index 0000000000..f6e786ee52 --- /dev/null +++ "b/files/pl/web/css/cursor/u\305\274ycie_warto\305\233ci_url_dla_w\305\202asno\305\233ci_cursor/index.html" @@ -0,0 +1,41 @@ +--- +title: Użycie wartości URL dla własności cursor +slug: Web/CSS/cursor/Użycie_wartości_URL_dla_własności_cursor +tags: + - CSS + - CSS_2.1 + - Programowanie_WWW + - Programowanie_dla_wielu_przeglądarek + - Wszystkie_kategorie +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +--- +

 

+

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) wspiera wartości URL dla własności cursor CSS 2/2.1. To pozwala używać zewnętrzne obrazki jako kursory myszy — można użyć każdego formatu wspieranego przez Gecko.

+

Składnia

+

Składnia dla tej własności:

+
cursor: [<url>,]* słowo_kluczowe;
+
+

To oznacza, że można podać zero lub więcej adresów URL (oddzielonych przecinkiem), a na końcu musi pojawić się jedno ze słów kluczowych zdefiniowanych w specyfikacji CSS, takie jak auto czy pointer.

+

Na przykład, taka wartość jest dozwolona:

+
cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;
+
+

Najpierw nastąpi próba pobrania pliku foo.cur. Jeżeli ten plik nie istnieje, lub jest nieprawidłowy z jakiegoś powodu, nastąpi próba pobrania bar.gif, a jeśli to się nie uda, zostanie użyta wartość auto.

+

Wsparcie dla składni CSS3 dla wartości własności cursor zostało dodane w Gecko 1.8beta3 (Deer Partk Alpha 2); zatem działa ono w Firefoksie 1.5. Pozwala to na określanie punktu wiązania kursora, który musi być wewnątrz wymiarów obrazka kursora; koordynaty na zewnątrz obrazka będą przybliżane do krawędzi (n.p. ujemna wartość będzie interpretowana jako 0, a wartości wykraczające poza wymiary obrazka będą przycinane do najbliższego piksela w obrazku). Jeśli nie zostaną podane, dla plików CUR i XBM wartości zostaną pobrane z plików, a dla pozostałych zostanie ustalony lewy górny róg obrazka. Przykładem składni CSS3 jest:

+
cursor: url(foo.png) 4 12, auto;
+
+

Pierwsza liczba to wartość x, a drugi y. W tym przypadku punkt wiązania zostanie ustawiony w pikselu (4,12) licząc od lewego górnego rogu (0,0).

+

Ograniczenia

+

Można używać wszystkich formatów obrazków wspieranych przez Gecko. To oznacza, że możesz użyć BMP, JPG, CUR, GIF, itp. Jednak ANI nie jest wspierane. I nawet, jeżeli zostanie podany animowany GIF, kursor nie będzie animowany. To ograniczenie zostanie usunięte w przyszłych wersjach.

+

Gecko, samo w sobie, nie tworzy żadnych ograniczeń, co do rozmiaru kursora. Jednak powinieneś ograniczyć obrazek do 32x32 dla maksymalnej kompatybilności z różnymi systemami operacyjnymi. W szczególności kursory większe, niż podany rozmiar nie będą działały na Windows 9x (95, 98, ME).

+

Przezroczyste kursory nie są wspierane na systemie Windows w wersjach wcześniejszych niż XP. To ograniczenie systemu operacyjnego. Przezroczystość działa na pozostałych platformach.

+

Tylko wydania Mozilli na platformy Windows, OS/2 i Linux (z GTK+ 2.4 lub nowszym) wspierają wartości URL dla kursorów. Wsparcie dla innych platform może zostać dodane w przyszłości (Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, Gtk 2.0/2.2: {{ Bug(308536) }})

+

Kompatybilność z innymi przeglądarkami

+

Microsoft Internet Explorer także wspiera wartości URI dla własności cursor. Jednak wspiera wyłącznie formaty CUR i ANI.

+

Jest także znacznie mniej restrykcyjny w zakresie składni. To oznacza, że wartości takie jak:

+
cursor: url(foo.cur);
+
+

lub:

+
cursor: url(foo.cur), pointer, url(bar.cur), auto;
+
+

będą działały w MSIE, ale nie będą w Gecko. Dla kompatybilności z Gecko i zgodności ze specyfikacja CSS, zawsze na początku należy podać URI, oraz użyć dokładnie jednego słowa kluczowego na końcu.

+

 

-- cgit v1.2.3-54-g00ecf