propiedad Style cursor

definición y uso

cursor establecer o devolver la propiedad cursor para mostrar al puntero del ratón el tipo de cursor.

véase también:

Manual de CSS:propiedad cursor

instancia

ejemplo 1

cambiar el cursor:

document.getElementById("myP").style.cursor = "pointer";

intente usted mismo

ejemplo 2

mostrar todos los cursor disponibles:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

intente usted mismo

ejemplo 3

devolver el tipo de cursor:

alert(document.getElementById("myP").style.cursor);

intente usted mismo

sintaxis

devolver la propiedad cursor:

objeto.style.cursor

establecer la propiedad cursor:

objeto.style.cursor = value

valor de atributo

valor descripción
alias 光标指示要创建某事物的别名。
El cursor indica que se debe crear un alias para algo. all-scroll
auto El cursor indica que se puede desplazar en cualquier dirección.
Predeterminado. El navegador configura el cursor. cell
El cursor indica que se puede seleccionar una celda (o un grupo de celdas). context-menu
El cursor indica que está disponible el menú contextual. col-resize
El cursor indica que se puede ajustar el tamaño de la columna horizontalmente. copy
El cursor indica el contenido que se debe copiar. crosshair
El cursor se presenta como una cruz. default
Cursor predeterminado. e-resize
ew-resize Cursor de ajuste bidireccional.
help El cursor indica que está disponible la ayuda.
move El cursor indica lo que se debe mover.
n-resize El cursor indica que se debe mover el borde del cuadro hacia arriba (hacia el norte).
ne-resize El cursor indica que se debe mover el borde del cuadro hacia arriba y a la derecha (norte/oriente).
nesw-resize Cursor de ajuste bidireccional.
ns-resize Cursor de ajuste bidireccional.
nw-resize El cursor indica que se debe mover el borde del cuadro hacia arriba y a la izquierda (norte/oriente).
nwse-resize Cursor de ajuste bidireccional.
no-drop El cursor indica que no se puede放置在此处的拖动项目。
none No se presenta cursor para el elemento.
not-allowed El cursor indica que la acción solicitada no se ejecutará.
pointer El cursor es un puntero que indica un enlace.
progress El cursor indica que el programa está ocupado (en proceso).
row-resize El cursor indica que se puede ajustar verticalmente esta línea.
s-resize El cursor indica que se debe mover el borde del cuadro hacia abajo (hacia el sur).
se-resize El cursor indica que se debe mover el borde del cuadro hacia abajo y a la derecha (sur/oriente).
sw-resize El cursor indica que se debe mover el borde del cuadro hacia abajo y a la izquierda (sur/oriente).
text El cursor indica que se puede seleccionar texto.
URL

Lista separada por comas de URLs personalizados para los cursores.

Comentarios:Siempre especifique el cursor genérico al final de la lista para evitar que se utilice ningún cursor definido por URL.
vertical-text El cursor indica que se puede seleccionar un texto vertical.
w-resize El cursor indica que se debe mover el borde del cuadro a la izquierda (hacia el oeste).
wait El cursor indica que el programa está ocupado.
zoom-in El cursor indica que se puede ampliar algo.
zoom-out El cursor indica que se puede ampliar algo.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Valor devuelto: Cadena que representa el cursor de ratón que se muestra cuando el puntero del ratón se suspende sobre el elemento.
Versión de CSS: CSS2

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte