Los últimos tutoriales de desarrollo web
 

Style cursor Property

<Estilo de objeto

Ejemplo

Cambiar el cursor:

document.getElementById("myP").style.cursor = "pointer";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades de cursor o devuelve el tipo de cursor para mostrar para el puntero del ratón.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad cursor se admite en todos los principales navegadores.


Sintaxis

Devolver la propiedad del cursor:

object .style.cursor

Establecer la propiedad del cursor:

object .style.cursor= Valores de propiedad
Valor Descripción
alias El cursor indica un alias de algo se va a crear
all-scroll El cursor indica que algo se puede desplazar en cualquier dirección
auto Defecto. El navegador establece un cursor
cell El cursor indica que una célula (or set of cells) se puede seleccionar
context-menu El cursor indica que un menú contextual está disponible
col-resize El cursor indica que la columna puede ser redimensionado horizontalmente
copy El cursor indica que algo se va a copiar
crosshair El cursor en forma de cruz render como
default El cursor por defecto
e-resize El cursor indica que un borde de una caja se va a mover a la derecha (east)
ew-resize Indica un cursor de cambio de tamaño bidireccional
help El cursor indica que hay ayuda disponible
move El cursor indica que algo se va a mover
n-resize El cursor indica que un borde de una caja se va a mover hacia arriba (north)
ne-resize El cursor indica que un borde de una caja se va a mover hacia arriba y la derecha (north/east)
nesw-resize Indica un cursor de cambio de tamaño bidireccional
ns-resize Indica un cursor de cambio de tamaño bidireccional
nw-resize El cursor indica que un borde de una caja se va a mover hacia arriba y hacia la izquierda (north/west)
nwse-resize Indica un cursor de cambio de tamaño bidireccional
no-drop El cursor indica que el elemento arrastrado no se puede quitar aquí
none Sin cursor se representa para el elemento
not-allowed El cursor indica que la acción solicitada no se ejecutará
pointer El cursor es un puntero e indica un enlace
progress El cursor indica que el programa está ocupado (in progress)
row-resize El cursor indica que la fila puede ser redimensionado verticalmente
s-resize El cursor indica que un borde de una caja se va a mover hacia abajo (south)
se-resize El cursor indica que un borde de una caja se va a mover hacia abajo ya la derecha (south/east)
sw-resize El cursor indica que un borde de una caja se va a mover hacia abajo y hacia la izquierda (south/west)
text El cursor indica el texto que se puede seleccionar
URL Una lista separada por comas de direcciones URL separa a los cursores personalizados. Note: Se indicará expresamente un cursor genérico al final de la lista, en caso de que ninguno de los cursores URL definidos se puede utilizar
vertical-text El cursor indica vertical de texto que se puede seleccionar
w-resize El cursor indica que un borde de una casilla debe desplazarse a la izquierda (west)
wait El cursor indica que el programa está ocupado
zoom-in El cursor indica que algo se puede ampliar
zoom-out El cursor indica que algo se puede hacer zoom a cabo
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: auto
Valor de retorno: Una cadena, que representa el cursor del ratón muestra cuando el puntero del ratón está sobre un elemento
Versión CSS CSS2

Más ejemplos

Ejemplo

Mostrar todos los cursores disponibles:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Inténtalo tú mismo "

Ejemplo

Devolver el tipo de cursor:

alert(document.getElementById("myP").style.cursor);
Inténtalo tú mismo "

Páginas relacionadas

Referencia CSS: cursor property


<Estilo de objeto