Cursor - CSS-Tricks | Almanah CSS 2025

cursorProprietatea în controalele CSS ceea ce cursorul mouse - ului va arata ca atunci cand se afla peste elementul în care este stabilit această proprietate. Evident, este relevant doar în browserele / sistemele de operare în care există un mouse și un cursor. Acestea sunt utilizate în esență pentru UX pentru a transmite ideea anumitor funcționalități. Așa că încercați să nu rupeți această posibilitate.

Există o grămadă de ele:

.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; )

Cursorul poate fi, de asemenea, o imagine:

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

Unele cursoare WebKit:

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

Mai multe informatii

Modul CSS Basic Interface User Nivelul 3
Documente Mozilla

Suport pentru browser

Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.

Desktop

Crom	Firefox	IE	Margine	Safari
5	4	9	14	5

Mobil / Tabletă

Android Chrome	Android Firefox	Android	Safari iOS
88	Nu	81	Nu

Și pentru valori mai noi, cum ar fi zoom-inși zoom-out:

Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.