Cursor: stili del puntatore

La proprietà cursor cambia l aspetto del puntatore del mouse.

Cursori comuni

.pointer { cursor: pointer; }     /* Mano, link cliccabile */
.default { cursor: default; }     /* Freccia standard */
.text { cursor: text; }           /* I-beam per testo */
.move { cursor: move; }           /* Croce di movimento */
.not-allowed { cursor: not-allowed; } /* Cerchio barrato */
.wait { cursor: wait; }           /* Clessidra/spinner */
.help { cursor: help; }           /* Punto interrogativo */
.crosshair { cursor: crosshair; } /* Mirino */
.grab { cursor: grab; }           /* Mano aperta */
.grabbing { cursor: grabbing; }   /* Mano che afferra */

Cursore personalizzato

.custom {
  cursor: url("cursor.png"), auto;
}

Hai trovato utile quest'articolo?

  • Introduzione al CSS

    Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile e la presentazione ...
  • Selettori CSS di base

    I selettori CSS permettono di identificare gli elementi HTML a cui applicare gli stili.Tipi di selet...
  • Proprietà color e background

    Le proprietà color e background sono fondamentali per definire l'aspetto visivo degli elementi.Propr...
  • Margin e Padding

    Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chiaveMargin: spazio...
  • Box Model CSS

    Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappresentato come un...