CSS: Zmena vzhľadu kurzora

Vlastnosť kurzora vám umožňuje zmeniť vzhľad kurzora na prvku webovej stránky.

Klient automaticky zobrazí kurzor na svojom počítači, ktorý zodpovedá typu zvoleného kurzora.

príklad

Príklad krížového kurzora (krížik):

 telo {kurzor: krížik; } 

Samozrejme je možné dávať rôzne štýly viacerým prvkom tej istej stránky

Príklad štýlu ako kríž na "telo" štýl zdobený presýpacie hodiny tvar na obrázkoch a ruku na odkazy.

 telo {kurzor: krížik; } img {kurzor: čakať; } a: link {kurzor: ukazovateľ; } 

Zoznam možných atribútov

Akceptované všetkými prehliadačmi

  • Vlastnosť: Vzhľad je rovnaký ako predvolený kurzor na značke, ktorá má tento atribút.
  • Predvolené: Predvolený prehliadač kurzora.
  • Ukazovateľ: ruka v tvare kurzora s rozloženým prstom.
  • Text: Úprava textu kurzora.
  • Pomocník: Pomocník kurzora.
  • Počkajte: Počkajte kurzor
  • Pokrok: Priebeh jazdca.
  • Presunúť: Pohyb kurzora.
  • Crosshair: krížik v tvare kurzora.

Zmena veľkosti kurzorov

  • N-resize: zmena veľkosti kurzora smerom nahor.
  • Posuvník S-resize: zmena veľkosti posúvača zhora nadol.
  • E-resize: zmena veľkosti kurzora zľava doprava.
  • W-resize: zmena veľkosti kurzora doprava doľava.
  • Ne-resize: Zmena veľkosti kurzora vľavo hore vpravo hore.
  • Nw-resize: Zmena veľkosti kurzora vpravo dole naľavo hore.
  • Zmena veľkosti: zmena veľkosti kurzora zhora doľava doprava.
  • Sw-resize: zmena veľkosti kurzora hore vpravo doľava.
    • Všimnite si, že: V skutočnosti je ľahké zapamätať si všetky tieto vlastnosti naraz.
    • n, s, e, w zodpovedajú severu, juhu, východu, západu, tj hore, dole, vpravo, vľavo.
    • Jednoducho označte smer, ktorým kurzor smeruje, a samozrejme "-rozmer".

Nie sú podporované všetkými prehliadačmi

Firefox a Opera ignorujú nasledujúce pokyny.

  • Zdediť: Dokonca ako rodičovská značka kurzora.
  • Nepovolené: Kurzorové okrúhle štrajk.
  • Bez pádu: ruka v tvare kurzora s prstami a okrúhlym rozloženým úderom.
  • Zmeniť veľkosť: Kurzor je dve zvislé čiary so šípkou na každej strane.
  • Zmena veľkosti riadku: Kurzor je dve vodorovné čiary so šípkou na každej strane.
Predchádzajúci Článok Nasledujúci Článok

Najlepšie Tipy