CSS-markørvisning

CSS-markørvisning. Visualiser hver eneste akseptable tilstand for nettlesermarkører. Hold over for å eksperimentere, klikk for å kopiere! Oppdag og test alle tilgjengelige nettlesermarkørstiler umiddelbart med vår gratis online CSS-markørvisning.

Dette førsteklasses brukergrensesnittverktøyet utnytter innebygde nettleser-APIs. For best resultat bør du kontrollere utdata før du kopierer eller laster ned, særlig når resultatet skal brukes videre i kode, rapporter, dokumentasjon eller delte filer.

Denne nettleserbaserte flyten holder oppgaven rask og reduserer manuell opprydding i separate apper. Relaterte verktøy: Fortsett arbeidsflyten med URL-parser, URL-koder og dekoder, URL- / domeneekstraktor.

Disse relaterte verktøyene hjelper med nærliggende oppgaver for konvertering, formatering, validering, generering og opprydding.

Ofte stilte spørsmål

Hvordan tester og kopierer jeg en CSS cursor-verdi?

Hold musen over en flis for å se markøren; navnet på flisen er CSS-verdien. Klikk på flisen (eller trykk Enter) for å velge den og kopiere deklarasjonen, for eksempel cursor: grab;. Panelet Valgt markør viser en beskrivelse, et testområde og en Kopier CSS-knapp.

Hvilken CSS-markør viser hånden?

Bruk cursor: pointer; for lenker og klikkbare elementer; den viser hånden. Bruk grab og grabbing for elementer som kan dras, not-allowed for deaktiverte kontroller, text for I-markøren og wait eller progress for opptatt-tilstander.

Hvordan finner jeg en markørtype raskt?

Skriv i søkefeltet for å filtrere på navn eller beskrivelse, for eksempel drag, resize eller zoom, eller bruk kategoriknappene: Generelt, Lenker og status, Markering, Dra og slipp, Størrelse og rulling og Zoom. Telleren viser hvor mange av de 36 markørene som samsvarer.

Hvordan lager jeg en egendefinert markør med et bilde?

I CSS-generator for egendefinert markør limer du inn en bilde-URL eller data-URI (PNG, SVG eller CUR), angir eventuelt Aktivt punkt X og Aktivt punkt Y i piksler (0 til 127) og velger en Reservemarkør. Verktøyet lager en regel som cursor: url("cursor.png") 16 16, pointer; som du kan teste i forhåndsvisningsområdet og kopiere.

Hvorfor vises ikke det egendefinerte markørbildet mitt?

Nettlesere ignorerer markørbilder som er større enn 128 x 128 piksler, så 32 x 32 er den tryggeste størrelsen. Bilde-URL-en må også kunne lastes fra siden der du bruker den. Når bildet ikke kan brukes, vises reservenøkkelordet i stedet.

Hvorfor ser noen markører like eller annerledes ut på datamaskinen min?

Markørnøkkelord tegnes av operativsystemet ditt, så samme verdi kan se ulik ut på Windows, macOS og Linux, og enkelte systemer bruker samme bilde for flere verdier. Berøringsenheter viser ingen musepeker i det hele tatt.

Slik bruker du dette nettverktøyet

CSS-markørvisning er laget for raske arbeidsflyter i nettleseren når du må formatere, validere, konvertere, dekode, kode, generere eller kontrollere data uten å åpne en tung skrivebordsapp. Start med inndatafeltet eller de synlige valgene, kontroller resultatet og kopier eller last ned utdataene.

Privat behandling i nettleseren

CSS-markørvisning holder den vanlige behandlingen lokalt i nettleseren. Det er nyttig for kodebiter, tokens, dokumenter, konfigurasjonsverdier, tekstutdrag og annet innhold som ikke bør sendes til en ekstern tjeneste uten behov.

Når verktøyet er nyttig

Bruk CSS-markørvisning til repeterbare utvikleroppgaver, teknisk dokumentasjon, QA-kontroller, raske konverteringer, feilsøking, innholdsrydding og interne teamflyter. Siden fokuserer på tydelige inndata, rask tilbakemelding og utdata som er enkle å bruke videre.

Praktiske tips

Før du kopierer sluttresultatet, bør du sjekke detaljer som mellomrom, store og små bokstaver, filnavn, koding, tokenstruktur, linjeskift eller utdataformat. Små kontroller hindrer feil når resultatet brukes i kode, rapporter, saker, e-post eller tekniske notater.