Kursor - CSS-trikid | CSS-i almanahh 2025

cursorVara CSS kontrolli, mida hiirekursor näeb, kui see asub elemendi üle, milles see omadus on määratud. Ilmselt on see asjakohane ainult brauserites / operatsioonisüsteemides, kus on hiir ja kursor. Neid kasutatakse peamiselt UX-i jaoks, et edastada teatud funktsionaalsuse ideed. Nii et proovige seda lubadust mitte murda.

Neid on hunnik:

.auto ( cursor: auto; ) .default ( cursor: default; ) .none ( cursor: none; ) .context-menu ( cursor: context-menu; ) .help ( cursor: help; ) .pointer ( cursor: pointer; ) .progress ( cursor: progress; ) .wait ( cursor: wait; ) .cell ( cursor: cell; ) .crosshair ( cursor: crosshair; ) .text ( cursor: text; ) .vertical-text ( cursor: vertical-text; ) .alias ( cursor: alias; ) .copy ( cursor: copy; ) .move ( cursor: move; ) .no-drop ( cursor: no-drop; ) .not-allowed ( cursor: not-allowed; ) .all-scroll ( cursor: all-scroll; ) .col-resize ( cursor: col-resize; ) .row-resize ( cursor: row-resize; ) .n-resize ( cursor: n-resize; ) .e-resize ( cursor: e-resize; ) .s-resize ( cursor: s-resize; ) .w-resize ( cursor: w-resize; ) .ns-resize ( cursor: ns-resize; ) .ew-resize ( cursor: ew-resize; ) .ne-resize ( cursor: ne-resize; ) .nw-resize ( cursor: nw-resize; ) .se-resize ( cursor: se-resize; ) .sw-resize ( cursor: sw-resize; ) .nesw-resize ( cursor: nesw-resize; ) .nwse-resize ( cursor: nwse-resize; )

Kursor võib olla ka pilt:

.custom ( cursor: url(images/my-cursor.png.webp), auto; )

Mõni WebKiti ainult kursor:

-webkit-zoom-in -webkit-zoom-out -webkit-zoom-grab -webkit-zoom-grabbing

Rohkem informatsiooni

CSS-i kasutajaliidese moodul 3. tase
Mozilla dokumendid

Brauseri tugi

Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.

Töölaud

Chrome	Firefox	IE	Edge	Safari
5	4	9	14	5

Mobiil / tahvelarvuti

Android Chrome	Android Firefox	Android	iOS-i Safari
88	Ei	81	Ei

Ja uuemate väärtuste, näiteks zoom-inja zoom-out:

Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.