CSS-cursorslijst

Alle 36 CSS-cursorsoorten met hover controleren en code kopiëren

Functies

Alle 36 cursorsoorten in één lijstweergave

CSS-standaardtrefwoorden op één pagina samengevat

Controleer de werkelijke vorm door erop te hoveren

De cursor verandert van vorm wanneer u uw muis erop plaatst

Ingedeeld in 6 groepen naar gebruik

Met korte uitleg om de gewenste cursor gemakkelijk te vinden

CSS in één klik kopiëren

In de vorm 'cursor: pointer;' rechtstreeks plakbaar

Hoe te gebruiken

1

Zoeken via groepen

Zoeken naar opties via gebruikscategorieën zoals 'Algemeen' en 'Drag & Drop'

2

Controleer de vorm door erop te hoveren

Plaats uw cursor over het vak 'Plaats hier uw muis' om de vorm te controleren

3

Kopiëren en plakken

Klik op 'Kopiëren' om de CSS op te halen en plak het in uw eigen stylesheet

CSS-cursorslijst

Toepassingen

Cursorweergave van knoppen en links controleren

Controleer hoe pointer eruitziet op klikbare elementen

Cursor selecteren voor drag & drop UI

Vergelijk grab, move en copy om de beste vorm te kiezen voor sorteer- en verplaatsingsbewerkingen

Onderscheid maken tussen uitgeschakeld en in uitvoering

Controleer het verschil tussen not-allowed, wait en progress en gebruik ze correct

Waarden onthouden bij CSS-leren

Zie en onthoud in één keer alle mogelijke waarden en betekenissen voor cursor

Basiskennis

Verschil tussen pointer en default

Pointer is een vingercursor die aangeeft dat een element klikbaar is, zoals links of knoppen. Default is de standaardpijlcursor van uw omgeving en wordt meestal gebruikt op tekst of achtergronden waar niets gebeurt bij klikken.

Hoe auto als beginwaarde van cursor werkt

De beginwaarde van het cursorproperty is auto, waarbij de browser automatisch text boven tekst en default op andere plaatsen selecteert, afhankelijk van de locatie.

Waarom de cursor niet verandert wanneer u cursor instelt

Als de cursor niet verandert wanneer u deze instelt, ligt dit meestal daran dat er een ander element bovenop ligt of dat een ander regeltje de instelling overschrijft.

  • Element dat bovenop ligt:Als een transparant element of pseudo-element bovenop ligt, volgt de cursorvorm de cursorinstellingen van het bovenste element.
  • Overschrijven door specificiteit:Als meerdere regels op hetzelfde element van toepassing zijn, heeft de cursorinstellingen van het regeltje met de hogere specificiteit (selectorkracht) voorrang.
  • Verschillen tussen OS en browser:Cursorvormen worden geleverd door uw OS of browser, dus dezelfde waarde kan er op Windows en macOS anders uitzien.

Veiligheid en privacy

Volledig in de browser

Ingevoerde gegevens worden alleen in uw browser verwerkt en niet naar buiten verzonden.

Verwerking alleen in browser

Cursorweergave en code kopiëren vindt volledig in uw browser plaats, invoergegevens worden niet naar de server verzonden.

Communicatie versleuteld met HTTPS

Het laden van de pagina wordt ook versleuteld met TLS en de inhoud kan niet door derden worden gelezen.

Geen verzending naar derden

Invoergegevens worden niet naar externe services zoals advertentienetwerken of trackers verzonden.

Geen automatisch opslaan van resultaten

Gekopieerde code of invoersuggesties worden niet op de server opgeslagen.

Volg RAKKOTOOLS in Google Zoeken

189 handige tools worden gemakkelijker te vinden via Google Zoeken en AI-zoekopdrachten!

  • Gevonden via zoekopdracht
  • Ook weergegeven in AI-zoekopdrachten
  • Nieuwe tools ontdekken

Updates

Gerelateerde tools