CSS-kursorin luettelo
Tarkista kaikki 36 CSS-kursorin tyyppiä kursorin siirtyessä ja kopioi koodi
Ominaisuudet
Kaikki 36 cursor-tyyppiä listattuina
CSS-standardin avainsanat kerätty yhdelle sivulle
Tarkista todellinen muoto kursorin siirtyessä
Hiiren siirtäessä kursori muuttuu kyseisen muotoiseksi
Järjestetty 6 käyttötarkoituksella
Lyhyillä selityksillä halutun kursorin löytäminen on helpompaa
Kopioi CSS yhdellä napsautuksella
Muodossa "cursor: pointer;" ja valmis liitettäväksi
Käyttöohjeet
Etsi ryhmästä
Etsi ehdokkaat käyttötarkoituksittaisista otsikoista, kuten "Yleiset" tai "Vedä ja pudota"
Siirrä hiiri ja tarkista
Siirrä kursori "Siirrä hiiri tähän" -kehykseen ja tarkista muoto
Kopioi ja liitä
Napsauta "Kopioi"-painiketta, saat CSS:n ja liitä omaan tyylisivuusi
Käyttötapaukset
Painikkeiden ja linkkien kursorin tarkistaminen
Tarkista pointer-kursori, joka näytetään napsautettaville elementeille
Vedä ja pudota -käyttöliittymän kursorin valinta
Vertaile grab-, move- ja copy-kursoreja ja valitse sopiva muoto järjestelyyn ja siirtoon
Poissaolevien ja käsitteillä olevien kuvauksien eriyttäminen
Tarkista not-allowed-, wait- ja progress-kursorien erot todellisella näytöllä
CSS-opetuksen arvojen muistaminen
Näe cursor-ominaisuuden arvot ja niiden merkitykset kerralla ja muista ne
Perustieto
Pointer- ja default-kursorin ero
Pointer on sormen muotoinen kursori, joka osoittaa, että elementti on napsautettavissa, kuten linkissä tai painikkeessa. Default on ympäristön vakio-osoitinkursori, ja sitä käytetään tavallisesti tekstin ja taustan päällä, joissa napsautus ei tee mitään.
Cursor-ominaisuuden alkuarvo auto
Cursor-ominaisuuden alkuarvo on auto, ja selain valitsee kursorin muodon automaattisesti paikan mukaan - esimerkiksi text tekstin päällä ja default muualla.
Syyt siihen, että cursor ei muutu, vaikka määritä sen
Jos cursor-muoto ei muutu, vaikka määrität sen, usein päälle on asetettu toinen elementti tai sääntö on ylikirjoitettu.
- Päälle asetettu elementti：Jos läpinäkyvä elementti tai pseudo-elementti on päälle asetettu, kursorin muoto seuraa päälle asetetun elementin cursor-määritystä.
- Ylikirjoitus tarkkuudella：Jos samaan elementtiin sovelletaan useita sääntöjä, korkeamman tarkkuuden (selaimen voima) säännön cursor-määritys on etusijalla.
- Erot käyttöjärjestelmien ja selainten välillä：Kursorin kuva tulee käyttöjärjestelmän tai selaimen tarjoamasta, joten sama arvo näyttää erilaiselta Windowsissa ja macOS:ssa.
Turvallisuus ja yksityisyys
Käsittely selaimessa
Syötetyt tiedot käsitellään vain selaimessasi, eikä niitä lähetetä ulkopuolelle.
Käsittely vain selaimen sisällä
Kursorin näyttäminen ja koodin kopioiminen käsitellään kokonaan selaimessasi, ja syötetyt tiedot eivät lähde palvelimelle.
Tietoliikenne salattu HTTPS:llä
Sivun lataus salataan myös TLS:llä, eikä kolmannet osapuolet pääse lukemaan sisältöä.
Ei lähetystä kolmansille osapuolille
Syöttötietoja ei lähetetä ulkoisille palveluille, kuten mainontaverkkoihin tai seurantapalveluihin.
Tulosten automaattinen tallennus ei käytössä
Kopioitu koodi ja syöteehdotuksia ei tallenneta palvelimelle.
Seuraa RAKKOTOOLSia Google-haulla
189 kätevää työkalua löytyy helpommin Google-haulla ja tekoäly-haulla!
- Löytyy haulla
- Näkyy myös tekoäly-haulla
- Löydä uusia työkaluja
Päivitykset
- update #318
CSS-kursorilistan lisäys – katso ja kopioi kaikki cursor-tyypit hover-toiminnon avulla
Suositut työkalut
189 ilmaista verkkotyökalua käytettävissä heti!