CSS-markøroversikt
Se alle 36 CSS cursor-typer ved å holde musepekeren over dem og kopier koden
Egenskaper
Viser alle 36 cursor-typer
CSS-standardnøkkelord samlet på én side
Se den faktiske formen ved å holde over
Markøren endrer form når du holder musepekeren over den
Organisert i 6 grupper etter formål
Med korte forklaringer er det lett å finne ønsket markør
Kopier CSS med ett klikk
Kopieres i form som "cursor: pointer;" og kan limes inn direkte
Slik bruker du det
Søk etter gruppe
Finn kandidater fra kategorioverskrifter etter formål, som "Generelt" eller "Dra og slipp"
Hold musepekeren over for å verifisere
Hold musepekeren over "Hold musepekeren her"-boksen for å bekrefte formen
Kopier og lim inn
Få CSS med "Kopier"-knappen og lim den inn i stilarket ditt
Brukseksempler
Verifisering av markør på knapper og lenker
Sjekk utseendet på pointer som legges til elementer som kan klikkes
Valg av markør for drag-og-slipp-UI
Sammenlign grab, move og copy for å velge den formen som passer best for omorganisering og flytteoperasjoner
Differensiering av deaktivert- og behandlings-uttrykk
Verifiser forskjellen mellom not-allowed, wait og progress med den faktiske formen og bruk dem riktig
Hukommelse av verdier ved CSS-læring
Se og husk alle verdityper som kan skrives til cursor og deres betydning på en gang
Grunnleggende kunnskap
Forskjell mellom pointer og default
pointer er en markør i form av en finger og brukes for å vise at et element kan klikkes, som en lenke eller knapp. default er pil-markøren som er standard i miljøet ditt, og brukes vanligvis over tekst og bakgrunn der klikking ikke gjør noe.
Atferd av cursor-initialverdien auto
Initialverdien for cursor-egenskapen er auto, og nettleseren velger automatisk markørformen basert på plasseringen, for eksempel text over tekst og default andre steder.
Årsaker til at cursor ikke endrer seg selv om den er spesifisert
Når markørformen ikke endres selv om cursor er spesifisert, er det vanligvis fordi et annet element ligger over eller at en annen regel overskriver spesifikasjonen.
- Element som ligger over：Hvis et gjennomsiktig element eller pseudo-element ligger over, blir markørformen vist i henhold til cursor-spesifikasjonen av elementet øverst.
- Overstyring etter spesifisitet：Når flere regler gjelder for samme element, har cursor-spesifikasjonen fra regelen med høyere spesifisitet (selectorstyrke) prioritet.
- Forskjeller mellom operativsystem og nettleser：Markør-designet brukes fra det som er levert av operativsystemet eller nettleseren, så selv verdier kan ha forskjellig form på Windows og macOS.
Sikkerhet og personvern
Fullføres i nettleseren
Inndataene behandles kun i din egen nettleser og sendes ikke til noen ekstern tjeneste.
Behandling kun i nettleseren
Markørvisning og kodekopi utføres helt i nettleseren din, og inndataene sendes ikke til serveren.
Kommunikasjon kryptert med HTTPS
Sidelastingen krypteres også med TLS, og innholdet kan ikke leses av tredjepart.
Ingen sending til tredjepart
Inndataene sendes ikke til eksterne tjenester som annonsenettverker eller trackere.
Ingen automatisk lagring av resultater
Kopiert kode og inndataforslag lagres ikke på serveren.
Følg RAKKOTOOLS på Google Search
189 praktiske verktøy blir enklere å finne fra Google Search og AI-søk!
- Finnes i søk
- Vises også i AI-søk
- Oppdag nye verktøy
Oppdateringsinformasjon
- update #318
Legg til CSS-markørliste, sjekk alle markørtyper ved hovering og kopier
Utvalgte verktøy
189 gratis nettverktøy som du kan bruke med en gang!