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
Zoeken via groepen
Zoeken naar opties via gebruikscategorieën zoals 'Algemeen' en 'Drag & Drop'
Controleer de vorm door erop te hoveren
Plaats uw cursor over het vak 'Plaats hier uw muis' om de vorm te controleren
Kopiëren en plakken
Klik op 'Kopiëren' om de CSS op te halen en plak het in uw eigen stylesheet

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
- update #318
CSS-cursorlijst toevoegen, alle cursortypen controleren bij hover en kopiëren
Aanbevolen tools
189 gratis webtools die u nu meteen kunt gebruiken!
