Meta tags:
description= La propiedad CSS cursor controla la apariencia del puntero al pasar sobre un elemento. Conoce todos los valores y ve ejemplos de cada uno.;
Headings (most frequently used words):
valores, cursor, de, los, todos, ejemplo, con, propiedad, css, por, qué, cuándo, usarlo, descripción, general, la, sintaxis, palabra, clave, accesibilidad, errores, comunes, propiedades, relacionadas, práctica, auto, help, que, muestra, personalizado, el, valor, url,
Text of the page (most frequently used words):
#cursor (139), div (86), resize (85), que (53), pruébalo (42), class (42), border (38), text (37), indica (35), css (29), los (27), font (22), una (21), auto (21), style (21), color (20), grid (18), con (17), html (16), puede (16), aprender (15), zoom (15), width (15), pointer (14), background (14), elemento (13), propiedad (13), url (13), flex (13), column (13), help (12), valores (11), sobre (11), the (11), para (10), del (10), texto (10), puntero (10), default (10), not (10), row (10), image (10), break (10), palabra (9), clave (9), valor (9), allowed (9), grab (9), title (9), top (9), right (9), left (9), bottom (9), animation (9), todos (8), por (8), none (8), grabbing (8), out (8), borde (8), cuadro (8), moverá (8), hacia (8), vertical (8), body (8), margin (8), padding (8), align (8), position (8), stroke (8), algo (7), all (7), scroll (7), move (7), alias (7), crosshair (7), cell (7), wait (7), progress (7), imagen (7), radius (7), wrap (7), cada (7), overflow (7), decoration (7), offset (7), page (6), hover (6), usuarios (6), nwse (6), nesw (6), col (6), drop (6), copiar (6), copy (6), context (6), menu (6), head (6), ejemplo (6), type (6), variant (6), w3docs (5), sintaxis (5), especifica (5), muestra (5), las (5), hace (5), como (5), png (5), height (5), display (5), transition (5), line (5), last (5), outline (5), child (5), formatter (5), generator (4), práctica (4), propiedades (4), qué (4), direction (4), está (4), son (4), punto (4), clic (4), cliqueable (4), predeterminado (4), redimensionamiento (4), bidireccional (4), izquierda (4), seleccionar (4), navegador (4), property (4), usa (4), navegadores (4), más (4), personalizado (4), ver (4), only (4), mode (4), transform (4), fill (4), size (4), list (4), template (4), gap (4), rule (4), nth (4), first (4), json (3), code (3), encoder (3), editor (3), cuestionarios (3), ejercicios (3), php (3), javascript (3), web (3), relacionadas (3), accesibilidad (3), comunes (3), descripción (3), general (3), cuándo (3), counter (3), comportamiento (3), elementos (3), apuntar (3), controla (3), user (3), select (3), events (3), activo (3), imágenes (3), solo (3), control (3), abajo (3), derecha (3), arriba (3), señalará (3), aquí (3), mismo (3), example (3), document (3), doctype (3), white (3), space (3), family (3), ratón (3), object (3), fallback (3), forma (3), mano (3), significa (3), word (3), spacing (3), range (3), origin (3), justify (3), items (3), before (3), after (3), max (3), letter (3), content (3), columns (3), clip (3), box (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), beautifier (2), diff (2), password (2), herramientas (2), python (2), java (2), git (2), libros (2), ejemplos (2), fragmentos (2), errores (2), usarlo (2), this (2), reset (2), diseño (2), caret (2), cambia (2), estilos (2), aplica (2), sus (2), heredado (2), tienen (2), grandes (2), modo (2), hacen (2), prueba (2), pueden (2), completa (2), nunca (2), señalar (2), espera (2), sea (2), botón (2), necesitas (2), disabled (2), initial (2), arrastrado (2), redimensionar (2), lista (2), comas (2), cursores (2), personalizados (2), programa (2), ocupado (2), enlace (2), hay (2), ayuda (2), disponible (2), esta (2), mouse (2), over (2), element (2), see (2), changes (2), media (2), block (2), svg (2), 128 (2), sin (2), siempre (2), reserva (2), puedes (2), propia (2), esto (2), eee (2), 666 (2), solid (2), nowrap (2), 120 (2), sans (2), serif (2), arial (2), helvetica (2), roboto (2), center (2), siguiente (2), pasar (2), donde (2), esperan (2), order (2), keyword (2), required (2), uno (2), apuntando (2), obligatoria (2), usuario (2), página (2), barra (2), cuando (2), visibility (2), unicode (2), timing (2), function (2), duration (2), delay (2), shadow (2), rendering (2), skip (2), perspective (2), inside (2), anchor (2), path (2), blend (2), min (2), rows (2), start (2), end (2), flow (2), feature (2), empty (2), count (2), repeat (2), read (2), hash (2), 2026, derechos, reservados, hecho, desarrolladores, idioma, política, privacidad, contacto, acerca, empresa, try, tutoriales, gratuitos, desde, 2014, next, previous, yes, was, helpful, comprobar, afecta, interactuar, gráficos, tamaño, tipo, estiliza, parpadeante, entrada, completamente, diferente, mientras, seleccionarse, funciona, bien, decide, reacciona, absoluto, establecido, contenedor, hijos, menos, ellos, sobreescriban, bajo, contraste, demasiado, mal, colocado, ligeramente, fuera, objetivo, fondos, claros, oscuros, personalizadas, perjudicar, usabilidad, ocultar, dejar, atrapados, encontrarlo, resérvalo, experiencias, pantalla, juegos, quioscos, gestionen, propio, evita, páginas, ordinarias, teclado, táctil, ven, combínalo, visibles, atributos, correctos, dependas, estados, deshabilitados, aspecto, deshabilita, aún, real, atributo, roles, aria, onclick, sugerencia, hereda, padre, inherit, use, siendo, actualmente, agarrar, reducir, ampliar, fila, verticalmente, columna, horizontalmente, desplazar, cualquier, dirección, acción, solicitada, ejecutará, soltar, mover, crear, urls, separadas, mira, celda, conjunto, celdas, progreso, menú, contextual, ningún, establecerá, icon, uploads, 0001, 6388ec92938ec31c9f019a249174f683118b55d6, inline, formato, compatible, destino, seguros, windows, ani, cur, dos, números, opcionales, después, centro, omiten, esquina, superior, establece, limitan, aproximadamente, algunos, descartan, silenciosamente, alternativa, mantén, pequeñas, continuación, ella, declaración, válida, ignora, completo, termina, proporcionar, algunas, reglas, fiable, caja, etiquetada, puedas, acepta, lugar, trabajo, diario, flecha, simple, dom, css2, versión, animable, inicial, modernos, admiten, prefijos, proveedor, clics, aterricen, combina, cambios, información, multiple, images, tried, then, custom, with, cero, separados, archivo, orden, recurre, cargarse, ninguna, carga, eso, final, garantiza, obtenga, algún, seguido, úsalo, moderación, predecible, contradice, ocultando, normal, confunde, mediante, personalizada, marca, estilo, juego, quieres, deshabilitado, región, ocupada, estado, construyes, actúa, tarjeta, arrastrable, manejador, ordenable, adivinar, correcto, restaura, affordance, interactivo, eligen, adecuado, párrafo, principalmente, sobrescribe, explica, usar, agrupados, propósito, cómo, cargar, alternativas, problemas, debes, evitar, coloca, señal, visual, ocurrirá, arrastra, pasa, rueda, giratoria, apariencia, conoce, index, writing, will, change, widows, bidi, underline, orientation, indent, ink, combine, upright, table, layout, tab, linecap, dashoffset, dasharray, speak, shape, outside, scrollbar, behavior, quotes, place, orphans, opacity, rotate, distance, fit, mix, lines, clamp, keyframes, isolation, import, hyphens, hanging, punctuation, areas, area, weight, numeric, ligatures, east, asian, caps, alternates, stretch, language, override, adjust, kerning, values, settings, face, float, shrink, grow, basis, filter, cells, increment, span, clear, charset, caption, side, sizing, source, slice, outset, collapse, bleed, attachment, backface, appearance, play, state, name, iteration, self, properties, visited, valid, target, selection, scope, root, write, placeholder, optional, link, lang, invalid, indeterminate, fullscreen, focus, enabled, dir, checked, active, selectores, selectors, css3, guía, flexbox, guides, gradientes, nombres, colores, tablas, links, uso, introducción, basic, iniciar, sesión, buscar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, cursos,
Text of the page (random words):
rder bottom right radius border bottom style border bottom width border collapse border color border image border image outset border image repeat border image slice border image source border image width border left border left color border left style border left width border radius border right border right color border right style border right width border spacing border style border top border top color border top left radius border top right radius border top style border top width border width bottom box decoration break box shadow box sizing break after break before break inside caption side caret color charset clear clip clip path color columns column count column fill column gap column rule column rule color column rule style column rule width column span column width content counter increment counter reset cursor direction display empty cells fill filter flex flex basis flex direction flex flow flex grow flex shrink flex wrap float font font face font display font family font feature settings font feature values font kerning font size font size adjust font language override font stretch font style font variant font variant alternates font variant caps font variant east asian font variant ligatures font variant numeric font weight grid grid area grid auto columns grid auto flow grid auto rows grid column grid column end grid column gap grid column start grid gap grid row grid row end grid row gap grid row start grid template grid template areas grid template columns grid template rows hanging punctuation height hyphens image rendering import initial letter isolation justify content justify items keyframes left letter spacing line break line clamp line height list style list style image list style position list style type margin margin bottom margin left margin right margin top max height max lines max width media min height min width mix blend mode object fit object position offset offset anchor offset distance offset path offset position offset rotate opacity order orphans outline outline color outline offset outline style outline width overflow overflow anchor overflow wrap overflow x overflow y padding padding bottom padding left padding right padding top page break page break after page break before page break inside perspective perspective origin place items pointer events position quotes resize right scroll behavior scrollbar shape outside speak stroke stroke dasharray stroke dashoffset stroke linecap stroke width tab size table layout text align text align last text combine upright text decoration text decoration color text decoration line text decoration skip text decoration skip ink text decoration style text fill color text indent text justify text orientation text overflow text rendering text shadow text stroke text stroke color text stroke width text transform text underline position top transform transform origin transform style transition transition delay transition duration transition property transition timing function unicode bidi unicode range user select vertical align visibility white space widows width will change word break word spacing word wrap writing mode z index zoom propiedad css cursor la propiedad css cursor controla la apariencia del puntero al pasar sobre un elemento conoce todos los valores y ve ejemplos de cada uno la propiedad cursor controla la forma del puntero del ratón cuando se coloca sobre un elemento es una señal visual la forma del puntero indica al usuario lo que ocurrirá si hace clic arrastra o pasa el ratón sobre él una mano significa esto es cliqueable una barra de texto significa puedes seleccionar texto aquí una rueda giratoria significa espera esta página explica cuándo usar cursor la lista completa de valores de palabra clave agrupados por propósito cómo cargar tu propia imagen como cursor personalizado con la sintaxis url y sus alternativas y los problemas de accesibilidad que debes evitar por qué y cuándo usarlo los navegadores ya eligen un cursor adecuado para cada elemento una barra de texto sobre un párrafo una mano apuntando sobre un enlace principalmente se sobrescribe el valor predeterminado cuando construyes un control interactivo personalizado un div que actúa como botón una tarjeta arrastrable un manejador ordenable donde el navegador no puede adivinar el cursor correcto aquí un cursor pointer o grab restaura la affordance que los usuarios esperan quieres señalar un estado un control deshabilitado con not allowed o una región ocupada con wait progress necesitas un puntero de marca o estilo de juego mediante una imagen personalizada úsalo con moderación y de forma predecible un cursor que contradice el comportamiento una mano pointer sobre texto no cliqueable o none ocultando el cursor en una página normal confunde a los usuarios más de lo que los ayuda descripción general de la sintaxis el valor es cero o más valores url separados por comas cada uno apuntando a un archivo de imagen seguido de una palabra clave de reserva obligatoria el navegador prueba cada imagen en orden y recurre a la siguiente si una imagen no puede cargarse si ninguna carga usa la palabra clave por eso la palabra clave al final es obligatoria garantiza que el usuario siempre obtenga algún cursor keyword only cursor pointer custom image with a keyword fallback the fallback is required cursor url cursor png auto multiple images tried in order then the fallback cursor url cursor svg url cursor png auto copiar i información los navegadores modernos admiten grab grabbing zoom in y zoom out sin prefijos de proveedor para que los clics aterricen donde los usuarios esperan combina los cambios de cursor personalizado con las propiedades relacionadas pointer events y user select valor inicial auto se aplica a todos los elementos heredado sí animable no versión css2 sintaxis dom object style cursor cell todos los valores de palabra clave cada palabra clave que acepta la propiedad en un solo lugar las más comunes en el trabajo diario de ui son pointer cliqueable default la flecha simple text move grab grabbing y not allowed cursor auto default none context menu help pointer progress wait cell crosshair text url vertical text alias copy move no drop not allowed all scroll col resize row resize n resize s resize e resize w resize ns resize ew resize ne resize nw resize se resize sw resize nesw resize nwse resize zoom in zoom out grab grabbing copiar ejemplo con los valores auto y help ejemplo de la propiedad css cursor con los valores auto y help doctype html html head title title of the document title style body text align center font family roboto helvetica arial sans serif auto cursor auto help cursor help cursor display flex flex wrap wrap cursor div flex 120 px padding 10 px 2 px white space nowrap border 2 px solid 666 border radius 20 px margin 0 5 px 5 px 0 cursor div hover background eee style head body h2 cursor property example h2 div class cursor div class auto auto div div class help help div div body html copiar pruébalo tú mismo el siguiente ejemplo muestra una caja etiquetada para cada valor de palabra clave de modo que puedas pasar el ratón sobre cada una y ver su cursor en tu navegador ejemplo que muestra todos los valores de cursor ejemplo de la propiedad css cursor con todos los valores doctype html html head title title of the document title style body text align center font family roboto helvetica arial sans serif cursor display flex flex wrap wrap cursor div flex 120 px padding 10 px 2 px white space nowrap border 2 px solid 666 border radius 20 px margin 0 5 px 5 px 0 cursor div hover background eee auto cursor auto default cursor default none cursor none context menu cursor context menu help cursor help pointer cursor pointer progress cursor progress wait cursor wait cell cursor cell crosshair cursor crosshair text cursor text vertical text cursor vertical text alias cursor alias copy cursor copy move cursor move no drop cursor no drop not allowed cursor not allowed all scroll cursor all scroll col resize cursor col resize row resize cursor row resize n resize cursor n resize e resize cursor e resize s resize cursor s resize w resize cursor w resize ns resize cursor ns resize ew resize cursor ew resize ne resize cursor ne resize nw resize cursor nw resize se resize cursor se resize sw resize cursor sw resize nesw resize cursor nesw resize nwse resize cursor nwse resize grab cursor grab grabbing cursor grabbing zoom in cursor zoom in zoom out cursor zoom out style head body h2 cursor property example h2 p hover the mouse cursor over the element to see the changes p div class cursor div class auto auto div div class default default div div class none none div div class context menu context menu div div class help help div div class pointer pointer div div class progress progress div div class wait wait div div class cell cell div div class crosshair crosshair div div class text text div div class vertical text vertical text div div class alias alias div div class copy copy div div class move move div div class no drop no drop div div class not allowed not allowed div div class all scroll all scroll div div class col resize col resize div div class row resize row resize div div class n resize n resize div div class s resize s resize div div class e resize e resize div div class w resize w resize div div class ns resize ns resize div div class ew resize ew resize div div class ne resize ne resize div div class nw resize nw resize div div class se resize se resize div div class sw resize sw resize div div class nesw resize nesw resize div div class nwse resize nwse resize div div class grab grab div div class grabbing grabbing div div class zoom in zoom in div div class zoom out zoom out div div body html copiar pruébalo tú mismo cursor personalizado con el valor url puedes proporcionar tu propia imagen como cursor algunas reglas hacen esto fiable termina siempre con una palabra clave de reserva auto a continuación sin ella la declaración no es válida y se ignora por completo mantén las imágenes pequeñas los navegadores limitan los cursores personalizados a aproximadamente 32 32 px 128 128 px en algunos las imágenes más grandes se descartan silenciosamente y se usa la alternativa establece el punto activo el punto de clic activo con dos números opcionales después de la url cursor url crosshair png 16 16 auto hace que el centro de una imagen de 32 32 sea el punto de clic si se omiten se usa la esquina superior izquierda usa un formato compatible con todos los navegadores de destino png y svg son seguros cur ani son solo para windows ejemplo de la propiedad cursor con url doctype html html head title title of the document title style cursor display inline block width 30 px height 30 px cursor url uploads media default 0001 04 6388ec92938ec31c9f019a249174f683118b55d6 png auto style head body h2 cursor property example h2 p hover the mouse cursor over the element to see the changes p i class cursor icon i body html copiar pruébalo tú mismo valores valor descripción pruébalo auto indica que el navegador establecerá un cursor es el valor predeterminado de esta propiedad pruébalo default es el cursor predeterminado pruébalo none indica que no se muestra ningún cursor para el elemento pruébalo context menu el cursor indica que hay un menú contextual disponible pruébalo help el cursor indica que hay ayuda disponible pruébalo pointer el cursor indica un enlace como puntero pruébalo progress el cursor indica que el programa está ocupado o en progreso pruébalo wait el cursor indica que el programa está ocupado pruébalo cell indica que el cursor señalará que se puede seleccionar una celda o un conjunto de celdas pruébalo crosshair el cursor se muestra como una mira pruébalo text el cursor indica texto que se puede seleccionar pruébalo url una lista de urls separadas por comas para cursores personalizados pruébalo vertical text el cursor indica texto vertical que se puede seleccionar pruébalo alias indica que el cursor señalará que se va a crear un alias de algo pruébalo copy el cursor indica algo que se puede copiar pruébalo move el cursor indica que algo se puede mover pruébalo no drop el cursor indica que el elemento arrastrado no se puede soltar aquí pruébalo not allowed el cursor indica que la acción solicitada no se ejecutará pruébalo all scroll indica que el cursor señalará que algo se puede desplazar en cualquier dirección pruébalo col resize el cursor indica que la columna se puede redimensionar horizontalmente pruébalo row resize el cursor indica que la fila se puede redimensionar verticalmente pruébalo n resize el cursor indica que el borde de un cuadro se moverá hacia arriba pruébalo s resize el cursor indica que el borde de un cuadro se moverá hacia abajo pruébalo e resize el cursor indica que el borde de un cuadro se moverá hacia la derecha pruébalo w resize el cursor indica que el borde de un cuadro se moverá hacia la izquierda pruébalo ns resize el cursor indica un cursor de redimensionamiento bidireccional pruébalo ew resize el cursor indica un cursor de redimensionamiento bidireccional pruébalo ne resize el cursor indica que el borde de un cuadro se moverá hacia arriba y a la derecha pruébalo nw resize el cursor indica que el borde de un cuadro se moverá hacia arriba y a la izquierda pruébalo se resize el cursor indica que el borde de un cuadro se moverá hacia abajo y a la derecha pruébalo sw resize el cursor indica que el borde de un cuadro se moverá hacia abajo y a la izquierda pruébalo nesw resize el cursor indica un cursor de redimensionamiento bidireccional pruébalo nwse resize el cursor indica un cursor de redimensionamiento bidireccional pruébalo zoom in el cursor indica que algo se puede ampliar pruébalo zoom out el cursor indica que algo se puede reducir pruébalo grab el cursor indica que algo se puede agarrar pruébalo grabbing el cursor indica que un elemento está siendo arrastrado actualmente pruébalo initial hace que la propiedad use su valor predeterminado pruébalo inherit hereda la propiedad de su elemento padre accesibilidad y errores comunes cursor es una sugerencia no un control cambia el aspecto del puntero nunca lo que hace el elemento un cursor pointer no hace que un div sea cliqueable y not allowed no deshabilita un botón aún necesitas comportamiento real un onclick el atributo disabled roles aria no dependas solo del cursor para señalar estados deshabilitados o de espera los usuarios de teclado y táctil nunca lo ven combínalo con estilos visibles y los atributos correctos evita cursor none en páginas ordinarias ocultar el puntero puede dejar atrapados a usuarios que ya no pueden encontrarlo resérvalo para experiencias a pantalla completa juegos quioscos que gestionen su propio puntero las imágenes personalizadas pueden perjudicar la usabilidad si tienen bajo contraste son demasiado grandes o tienen un punto activo mal colocado de modo que los usuarios hacen clic ligeramente fuera del objetivo prueba con fondos claros y oscuros cursor es h...
|
