CSS cursor-listi

Sveimaðu yfir allar 36 gerðir af cursor í CSS til að prófa þær og afritaðu kóðann

UppfærsluupplýsingarNýtt: CSS-bendlalisti – skoðaðu allar cursor-gerðir með því að sveima yfir og afritaðuSkoðaðu uppfærslur

Eiginleikar

Allar 36 gerðir af cursor á einum stað

Staðlaðu CSS-lykilorðin öll saman á einni síðu

Sjáðu raunverulega lögun með því að sveima

Bendillinn breytir um lögun þegar músinni er haldið yfir

Raðað í 6 hópa eftir notkun

Stutt lýsing fylgir svo auðvelt sé að finna réttan bendil

Afritaðu CSS með einum smelli

Á forminu „cursor: pointer;“ til að líma beint inn

Notkun

1

Leitaðu eftir hópi

Finndu möguleika út frá fyrirsögnum eftir notkun, svo sem „Almennt“ eða „Draga og sleppa“

2

Sveimaðu músinni yfir til að prófa

Færðu bendilinn yfir reitinn „Sveimaðu músinni hér“ til að sjá lögunina

3

Afritaðu og límdu inn

Náðu í CSS með hnappinum „Afrita“ og límdu það inn í þitt eigið stílblað

CSS cursor-listi

Notkunardæmi

Athuga bendil á hnöppum og tenglum

Skoðaðu útlit pointer sem settur er á smellanleg stök

Velja bendil fyrir dragviðmót

Berðu saman grab, move og copy og veldu lögun sem hentar röðun eða færslu

Greina milli óvirks ástands og vinnslu

Sjáðu muninn á not-allowed, wait og progress í raun og notaðu þá rétt

Læra gildin við CSS-nám

Sjáðu allar tegundir gilda fyrir cursor og merkingu þeirra í einu og lærðu þær

Grunnþekking

Munurinn á pointer og default

pointer er bendill í lögun handar og er notaður til að sýna að stakið sé smellanlegt, eins og tengill eða hnappur. default er venjulega örin úr stýrikerfinu og er að jafnaði notuð yfir texta eða bakgrunni þar sem ekkert gerist við smell.

Hvernig upphafsgildið auto virkar

Upphafsgildi cursor-eiginleikans er auto, þar sem vafrinn velur lögun bendilsins sjálfkrafa eftir staðsetningu, til dæmis text yfir texta og default annars staðar.

Ástæður þess að cursor breytist ekki þótt hann sé stilltur

Þegar lögun bendilsins breytist ekki þrátt fyrir cursor-stillingu er algengast að annað stak liggi ofan á eða að önnur regla yfirskrifi stillinguna.

Stak sem liggur ofan á：Ef gegnsætt stak eða gervistak liggur ofan á fer lögun bendilsins eftir cursor-stillingu þess staks sem efst er.
Yfirskrift vegna nákvæmni：Þegar margar reglur eiga við sama stakið gildir cursor-stilling þeirrar reglu sem hefur hærri nákvæmni (sterkari veljara).
Munur eftir stýrikerfi og vafra：Myndir bendlanna koma frá stýrikerfinu eða vafranum, svo sama gildið lítur öðruvísi út í Windows og macOS.

Öryggi og persónuvernd

Allt unnið í vafranum

Innslegnu gögnin eru aðeins unnin í vafranum þínum og eru ekki send út.

Unnið eingöngu innan vafrans

Birting bendilsins og afritun kóðans fer fram eingöngu innan vafrans þíns og inntaksgögn eru ekki send á netþjón.

Samskipti dulkóðuð með HTTPS

Hleðsla síðunnar er einnig dulkóðuð með TLS og þriðji aðilar geta ekki lesið efnið.

Engin sending til þriðja aðila

Inntaksgögn eru ekki send til ytri þjónustu eins og auglýsingakerfis eða rakningarkerfis.

Engin sjálfvirk geymsla niðurstaðna

Afritaði kóðinn og inntaksuppástungur eru ekki geymdar á netþjóni.

Í Google leit: Fylgstu með RAKKOTOOLS

189 gagnleg verkfæri verða auðfundnari í Google leit og AI-leit!

Finnst í leit
Birtist líka í AI-leit
Ný verkfæri uppgötvast

Uppfærsluupplýsingar

2026/10/07update #318
Nýtt: CSS-bendlalisti – skoðaðu allar cursor-gerðir með því að sveima yfir og afritaðu
Nýtt tól bætt við CSS cursor-listi

Tengd verkfæri

🔣HTML Entity Encoder/Decoder

Kóðaðu umbreytanlega stafi í HTML-eindir og afkóðaðu HTML-eindir í stafi

⛓️Dragðu út tengla (href, src)

Útdráttur ytri og innri tengla

🏷️TITLE & META upplýsingaútdráttur

Útdráttur á TITLE, DESCRIPTION, ROBOTS og CANONICAL URL

📊Excel→TABLE TAG breytir

Umbreyttu Excel-töflu í HTML TABLE-tagg

🖼️Vefslóðarmyndir útdráttur

Dregur út allar myndir á vefsvæði

🔍HTML5 staðfestir

Athugaðu málskipunar- eða sniðvillur í HTML

✍️Netverslegum HTML-ritill

Búðu til og breyttu HTML á myndrænan hátt

📝Markdown-forskoðun

Forskoðaðu Markdown í rauntíma

Valin verkfæri

📎Sameina PDF-skjöl

Sameinaðu mörg PDF-skjöl í hvaða röð sem þú vilt í eitt

📡IP-tala athugðu

Skoðaðu IP-töluna þína og upplýsingar um net og tæki

🪜Stiguðu líkindagátu

Búðu til stiguðu líkindagátu frá þátttakendum og niðurstöðum, síðan rekstu línurnar og kynntu niðurstöðu

📈Vaxtalognaútreikningur

Reiknaðu samtals höfuðstól og vexti og árleg breyting strax frá höfuðstól, árlegum vöxtum og tímabili

🤖Búa til llms.txt

Býr til llms.txt fyrir vefskriðla gervigreindar út frá innslætti í eyðublað

🖌️Mincho-leturbreytir

Sláðu inn texta og berðu saman 6 mismunandi serif leturgerðir, síðan geturðu halað niður myndum af þeirri leturgerð sem þér líkaði

⌨️Hraðapróf á bilstöng

Mælir CPS og fjölda ýtinga á bilstöng eða hvaða takka sem er

🖼️OGP athugun

Athugaðu stærð og útlit OGP-myndar, titils og lýsingar þegar deilt er á samfélagsmiðlum

189 vefverkfæri eru ókeypis og tilbúin til notkunar núna!

Eftirlætis Vinsældir Nýlegt Texti Netkerfi SEO Öryggi Forritun HTML Umskipun Tími Hönnun Mynd Handahóf Lén Myndband PDF Útreikningur Rödd IP-tala Mynda SNS Útdráttur Staðfesting Sniðun SSL Leikur skemmtileg

Hægt er að skoða bendlana í raun á tölvu með mús
Útlit bendilsins er mismunandi eftir því hvaða OS og vafra þú notar

Almennt

auto
Sveimaðu músinni hér
Upphafsgildi þar sem vafrinn velur lögunina sjálfkrafa eftir staðsetningu: textaval yfir texta og ör annars staðar
default
Sveimaðu músinni hér
Venjuleg ör stýrikerfisins, notuð til að koma útlitinu í eðlilegt horf þar sem ekki á að líta út fyrir að hægt sé að smella
none
Sveimaðu músinni hér
Felur bendilinn og er notað þegar eigin birting á að ráða, svo sem í myndböndum á öllum skjánum eða í leikjum

Tenglar og staða

context-menu
Sveimaðu músinni hér
Notað til að sýna að hægt sé að opna aukavalmynd, til dæmis með hægrismelli
help
Sveimaðu músinni hér
Notað á stök sem geta birt viðbótarskýringu, svo sem skýringar við hugtök eða hjálpartákn
pointer
Sveimaðu músinni hér
Notað til að sýna að stakið sé smellanlegt, svo sem tengill eða hnappur
progress
Sveimaðu músinni hér
Notað til að sýna að hleðsla sé í gangi í bakgrunni en áfram sé hægt að nota viðmótið
wait
Sveimaðu músinni hér
Notað til að sýna bið þar sem ekki er hægt að gera neitt fyrr en vinnslu lýkur

Val

cell
Sveimaðu músinni hér
Notað þar sem hægt er að velja reiti, eins og í töflureikni
crosshair
Sveimaðu músinni hér
Notað þegar benda þarf á nákvæma staðsetningu, svo sem við svæðisval í mynd eða val á hnitum
text
Sveimaðu músinni hér
Notað þar sem hægt er að velja eða slá inn texta, svo sem yfir texta eða í innsláttarreitum
vertical-text
Sveimaðu músinni hér
Notað þar sem hægt er að velja lóðréttan texta, svo sem yfir lóðrétt rituðum texta

Draga og sleppa

alias
Sveimaðu músinni hér
Notað til að sýna að flýtileiðir eða tenglar verði til þegar sleppt er
copy
Sveimaðu músinni hér
Notað til að sýna að afrit verði til þegar sleppt er en frumritið haldist
move
Sveimaðu músinni hér
Notað á stök sem hægt er að draga til, svo sem glugga eða spjöld
no-drop
Sveimaðu músinni hér
Notað til að sýna að ekki sé hægt að sleppa staki sem verið er að draga á núverandi stað
not-allowed
Sveimaðu músinni hér
Notað til að sýna að aðgerðin sé ekki leyfð núna, svo sem á óvirkum hnappi
grab
Sveimaðu músinni hér
Notað yfir stökum sem hægt er að grípa og hreyfa, svo sem kortum eða spjöldum sem má endurraða
grabbing
Sveimaðu músinni hér
Notað til að sýna að verið sé að grípa stak og draga það

Stærðarbreyting og skrun

e-resize
Sveimaðu músinni hér
Notað til að sýna að hægt sé að grípa hægri brún staksins og breyta breiddinni
n-resize
Sveimaðu músinni hér
Notað til að sýna að hægt sé að grípa efri brún staksins og breyta hæðinni
ne-resize
Sveimaðu músinni hér
Notað til að sýna að hægt sé að grípa efra hægra hornið og breyta stærðinni
nw-resize
Sveimaðu músinni hér
Notað til að sýna að hægt sé að grípa efra vinstra hornið og breyta stærðinni
s-resize
Sveimaðu músinni hér
Notað til að sýna að hægt sé að grípa neðri brún staksins og breyta hæðinni
se-resize
Sveimaðu músinni hér
Sýnir að hægt sé að grípa neðra hægra hornið og breyta stærðinni, eins og handfangið á textasvæði
sw-resize
Sveimaðu músinni hér
Notað til að sýna að hægt sé að grípa neðra vinstra hornið og breyta stærðinni
w-resize
Sveimaðu músinni hér
Notað til að sýna að hægt sé að grípa vinstri brún staksins og breyta breiddinni
ew-resize
Sveimaðu músinni hér
Notað á skilum þar sem hægt er að breyta breiddinni í báðar áttir til hægri og vinstri
ns-resize
Sveimaðu músinni hér
Notað á skilum þar sem hægt er að breyta hæðinni í báðar áttir upp og niður
nesw-resize
Sveimaðu músinni hér
Notað á hornum þar sem hægt er að breyta stærðinni á ská milli efra hægra og neðra vinstra horns
nwse-resize
Sveimaðu músinni hér
Notað á hornum þar sem hægt er að breyta stærðinni á ská milli efra vinstra og neðra hægra horns
col-resize
Sveimaðu músinni hér
Sýnir að hægt sé að draga skilin milli dálka í töflu eða spjaldi og breyta dálkbreiddinni
row-resize
Sveimaðu músinni hér
Sýnir að hægt sé að draga skilin milli raða í töflu eða spjaldi og breyta hæð raðarinnar
all-scroll
Sveimaðu músinni hér
Notað á svæðum þar sem hægt er að skruna í allar áttir, eins og á korti

Aðdráttur

zoom-in
Sveimaðu músinni hér
Notað á stök sem stækka við smell, svo sem smámyndir
zoom-out
Sveimaðu músinni hér
Notað á stök sem fara aftur í minni birtingu við smell, svo sem stækkaðar myndir