Spis kursów CSS

Przegląd wszystkich 36 typów kursorów CSS – zatrzymaj mysz i skopiuj kod

Cechy

Wyświetl wszystkie 36 typów cursor

Słowa kluczowe standardu CSS zebrane na jednej stronie

Sprawdź rzeczywisty wygląd przy najechaniu myszą

Kursor zmienia się w odpowiedni typ po najechaniu myszą

Zorganizowane w 6 grupach według zastosowania

Krótkie opisy ułatwiają znalezienie poszukiwanego kurora

Skopiuj CSS jednym kliknięciem

Kod w postaci "cursor: pointer;" gotowy do wklejenia

Jak używać

1

Wyszukaj w grupach

Przeglądaj opcje za pomocą nagłówków tematycznych, takich jak "Ogólne" czy "Przeciągnij i upuść"

2

Zatrzymaj mysz i sprawdź

Najechaj myszą na pole "Zatrzymaj mysz tutaj", aby zobaczyć kształt kurora

3

Skopiuj i wklej

Kliknij przycisk "Kopiuj", aby uzyskać CSS, i wklej do swojego arkusza stylów

Spis kursów CSS

Przypadki użycia

Sprawdzenie kurora przycisku lub linku

Sprawdź wygląd pointer dla elementów klikających

Wybór kurora dla interfejsu przeciągnij i upuść

Porównaj grab, move i copy, aby wybrać odpowiedni kształt do sortowania i przenoszenia

Rozróżnienie stanów wyłączonego i przetwarzającego

Sprawdź różnicę between not-allowed, wait i progress, aby prawidłowo ich używać

Zapamiętanie wartości CSS

Na jednym ekranie zobacz wszystkie dostępne wartości i ich znaczenie

Wiedza podstawowa

Różnica między pointer a default

pointer to kursor w kształcie palca, używany do wskazania elementów klikających, takich jak linki i przyciski. default to standardowa strzałka danego systemu, zwykle używana nad tekstem lub tłem, gdzie kliknięcie nic nie robi.

Domyślne zachowanie cursor: auto

Domyślną wartością właściwości cursor jest auto. Przeglądarka automatycznie wybiera odpowiedni typ kurora – text nad tekstem, default w pozostałych miejscach.

Przyczyny, gdy kursor nie zmienia się pomimo ustawienia

Jeśli kursor nie zmienia się mimo ustawienia, przyczyną zwykle jest element nakładający się na górze lub reguła CSS o wyższej specyficzności.

  • Element nakładający się na górze:Jeśli przezroczysty element lub pseudo-element nakłada się na górze, kursor podlega ustawieniu dla górnego elementu.
  • Przesłonięcie przez specyficzność:Gdy do elementu stosuje się wiele reguł, ustawienie cursor z reguły o wyższej specyficzności ma priorytet.
  • Różnice w zależności od OS i przeglądarki:Wygląd kurora zależy od systemu operacyjnego i przeglądarki. Ta sama wartość może wyglądać inaczej na Windows i macOS.

Bezpieczeństwo i prywatność

W całości w przeglądarce

Dane wejściowe są przetwarzane wyłącznie w Twojej przeglądarce i nie są wysyłane na zewnątrz.

Przetwarzanie tylko w przeglądarce

Wyświetlanie kurora i kopiowanie kodu jest przetwarzane całkowicie w Twojej przeglądarce, dane wejściowe nie są wysyłane na serwer.

Komunikacja szyfrowana HTTPS

Wczytywanie strony jest również szyfrowane za pomocą TLS, zawartość jest chroniona przed odczytaniem przez strony trzecie.

Brak wysyłania stronom trzecim

Zawartość wejściowa nie jest wysyłana do usług zewnętrznych, takich jak sieci reklamowe lub trackery.

Brak automatycznego zapisywania wyników

Skopiowany kod i sugestie wejściowe nie są przechowywane na serwerze.

Śledź RAKKOTOOLS w wyszukiwarce Google

189 przydatnych narzędzi będzie łatwiej znaleźć w wyszukiwarce Google i wyszukiwarce AI!

  • Pojawia się w wynikach wyszukiwania
  • Wyświetla się również w wyszukiwarce AI
  • Odkrywaj nowe narzędzia

Aktualizacje

Powiązane narzędzia