Zoznam CSS kurzórov

Všetkých 36 typov CSS kurzórov zadaných v cursor si overte pri prejazde myšou a skopírujte kód

Vlastnosti

Všetkých 36 typov cursor v zozname

Kľúčové slová CSS štandardu zoradené na jednej stránke

Skúmajte skutočný vzhľad pri prejazde myšou

Keď prejdete myšou cez prvok, kurzor sa zmení na daný tvar

Usporiadané v 6 skupinách podľa použitia

S jednoriadkovými vysvetleniami je ľahšie nájsť požadovaný kurzor

CSS skopírujte jedným kliknutím

V podobe "cursor: pointer;" je kód hneď pripravený na vloženie

Ako používať

1

Hľadajte v skupinách

Hľadajte kandidátov podľa nadpisov usporiadaných podľa použitia, napríklad "Všeobecné" alebo "Drag & Drop"

2

Prejdite myšou a overte si

Posuňte kurzor do poľa "Prejdite myšou sem" a skontrolujte si tvar

3

Skopírujte a vložte

Kliknutím na tlačidlo "Kopírovať" získate CSS a vložíte ho do svojho stylesheet-u

Zoznam CSS kurzórov

Príklady použitia

Overenie kurzora tlačidiel a odkazov

Skontrolujte si vzhľad pointer-u, ktorý sa priraďuje prvkom, ktoré sa dajú klikať

Výber kurzora pre UI operácií trhania

Porovnajte grab, move a copy, aby ste si vybrali tvar vhodný pre preusporiadanie alebo presúvanie

Rozlišovanie zakázaného a prebiehajúceho stavu

Overte si rozdiel medzi not-allowed, wait a progress a naučte sa ich rozlišovať

Zapamätanie si hodnôt pri učení CSS

Naraz si viete všetky možné hodnoty cursor-u a ich znamienka

Základné vedomosti

Rozdiel medzi pointer a default

Pointer je kurzor v tvare prstov a používa sa na označenie prvkov, ktoré sa dajú klikať, ako napríklad odkazy alebo tlačidlá. Default je štandardný šípkový kurzor prostredia a používa sa na znaky a pozadia, kde kliknutie nemá žiadny efekt.

Správanie sa počiatočnej hodnoty auto v cursor

Počiatočná hodnota vlastnosti cursor je auto, kde prehliadač automaticky vyberá tvar kurzora v závislosti od umiestnenia – na texte sa zobrazuje text, inde sa zobrazuje default.

Dôvody, prečo sa kurzor nemení aj keď je zadaný

Keď sa kurzor nezmenší napriek zadaniu, zvyčajne je to preto, že prvok prekrýva iný prvok alebo iné pravidlo prepisuje vaše zadanie.

  • Prvok prekrývajúci sa zvrchu:Ak je transparentný prvok alebo pseudo-prvok umiestnený zvrchu, tvar kurzora sa podľa zadania v najprednejšom prvku zobrazí.
  • Prepisovanie špecifickosťou:Ak sa na prvok vzťahuje viac pravidiel, má prioritu zadanie cursor-u v pravidle s vyššou špecifickosťou (sila selektora).
  • Rozdiel medzi OS a prehliadačom:Vzhľad kurzora ovláda OS alebo prehliadač, takže rovnaká hodnota bude mať iný tvar v systéme Windows a macOS.

Bezpečnosť a súkromie

Spracovanie v prehliadači

Zadané údaje sa spracúvajú len vo vašom prehliadači a neodosielajú sa von.

Spracovanie iba v prehliadači

Zobrazenie kurzora a kopírovanie kódu sa vykonáva výlučne vo vašom prehliadači a vstupné údaje sa neposielajú na server.

Komunikácia je šifrovaná cez HTTPS

Načítavanie stránky je tiež šifrované pomocou TLS a tretie strany nemôžu čítať obsah.

Bez odosielania tretím stranám

Vstupný obsah sa neposiela do externých služieb, ako sú sieťami reklám alebo sledovania.

Bez automatického ukladania výsledkov

Skopírovaný kód ani vstupné návrhy sa neukladajú na serveri.

Sledujte RAKKOTOOLS pri vyhľadávaní v Google

189 užitočných nástrojov budú ľahšie nájditeľné pri vyhľadávaní v Google a AI vyhľadávaní!

  • Nájdete pri vyhľadávaní
  • Zobrazí sa aj v AI vyhľadávaní
  • Objavte nové nástroje

Aktualizácie

Súvisiace nástroje