Свойство cursor
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку свойств

СВОЙСТВО CURSOR

Свойство cursor позволяет менять внешний вид курсора при наведении на элемент.

Поддержка браузеров

Синтаксис

cursor: значение

Значения свойства

Значение Описание
Значение Наведите на значение, чтобы увидеть курсор:
  • alias
  • all-scroll
  • auto
  • cell
  • context-menu
  • col-resize
  • copy
  • crosshair
  • e-resize
  • ew-resize
  • grab
  • grabbing
  • help
  • move
  • n-resize
  • ne-resize
  • nesw-resize
  • ns-resize
  • nw-resize
  • nwse-resize
  • no-drop
  • none
  • not-allowed
  • pointer
  • progress
  • row-resize
  • s-resize
  • se-resize
  • sw-resize
  • text
  • url
  • vertical-text
  • w-resize
  • wait
  • zoom-in
  • zoom-out
initial Устанавливает значение по умолчанию.
inherit Унаследует значение свойства от родительского элемента.

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<div class="block"></div>
HTML
.block {
    height: 100px;
    width: 100px;
    background: yellow;
    border: 1px solid black;
    cursor: zoom-in
}
CSS
← Перейти к списку свойств