Cursor: stili del puntatore

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

    Introduzione al CSS Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile...
  • Selettori Css di Base

    Selettori Css di Base I selettori CSS permettono di identificare gli elementi HTML a cui applicare g...
  • Proprietà color e background

    Proprietà color e background Le proprietà color e background sono fondamentali per definire l'aspett...
  • Margin e Padding

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

    Box Model CSS Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappres...