Temas de CSS

Propiedades CSS

CSS Documentos

CSS Cursor

27/05/2023
CSS Cursor Styles

La propiedad del cursor CSS se utiliza para determinar el tipo de cursor del mouse en la página. Se pueden asignar diferentes cursores a diferentes elementos en una página web con la ayuda de CSS.

Estilos de cursor CSS

cursor:aliascursor:alias
cursor:all-scrollcursor:all-scroll
cursor:autocursor:default
cursor:cellcursol:cell
cursor:col-resizecursor:col-resize
cursor:context-menucursor:context-menu
cursor:copycursor:copy
cursor:crosshaircursor:crosshair
cursor:defaultcursor:default
cursor:e-resizecursor:e-resize
cursor:ew-resizecursor:ew-resize
cursor:grabcursor:grab
cursor:grabbingcursor:grabbing
cursor:helpcursor:help
cursor:movecursor:move
cursor:n-resizecursor:n-resize
cursor:ne-resizecursor:ne-resize
cursor:nesw-resizecursor:news-resize
cursor:no-dropcursor:no-drop
cursor:noneSe utiliza para ocultar completamente el cursor.
cursor:not-allowedcursor:no-drop
cursor:ns-resizecursor:ns-resize
cursor:nw-resizecursor:nw-resize
cursor:nwse-resizecursor:nwse-resize
cursor:pointer

cursor:pointer se usa generalmente para enlaces en los que se puede hacer clic.

cursor:progresscursor:progress
cursor:row-resizecursor:row-resize
cursor:s-resizecursor:s-resize
cursor:se-resizecursor:se-resize
cursor:sw-resizecursor:sw-resize
cursor:textcursor:text

Se utiliza para seleccionar los textos en la página.

cursor:vertical-textcursor:vertical-text
cursor:w-resizecursor:w-resize
cursor:waitcursor:progress
cursor:zoom-incursor:zoom-in
cursor:zoom-outcursor:zoom-out