English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
cursor CSS属性指定当指针被放置在一个元素上显示的光标类型。
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | Comum |
|---|---|
| 适用于： | 所有元素 |
| 继承： | 是 |
| 可动画制作： | 否。请参见 动画属性。 |
| 版本： | CSS 2、3 |
| JavaScript 语法： | object.style.cursor="context-menu" |
Sintaxe do uso do cursor
A sintaxe dessa propriedade é a seguinte: context-cursor: [url(endereço do arquivo de cursor),] 0 ou mais vezes | auto | default | none |-menu | help | pointer | progress | wait | cell | crosshair | text | vertical text |-alias | copy | move | no-drop | not e-allowed | grab | grabbing |-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | row ew-resize | w-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row all-resize |-scroll | zoom-in | zoom
out | initial | inherit
Exemplo1 h
{
cursor: url("custom.gif"), url("custom.cur"), default;
cursor: copy;
p {
cursor: url("custom.gif"), url("custom.cur"), default;
cursor: help;
a {
cursor: url("custom.gif"), url("custom.cur"), default;}/Teste e veja‹›
cursor: lista de valores de cursor definidos pelo usuário, seguidos por "cursor genérico". Isso é, se o primeiro cursor especificado não for correto ou não puder ser encontrado, será usado o próximo cursor da lista, e assim por diante, até encontrar um cursor disponível.Se não houver cursor definido pelo usuário válido ou suportado pelo navegador, será usado o cursor genérico no final da lista.
Valor da propriedade
| A tabela a seguir descreve os valores dessa propriedade. | Valor | Ver |
|---|---|---|
| Descrição | ||
| Comum | auto | |
| O navegador determina o cursor a ser exibido com base no contexto atual. Por exemplo, ao passar o mouse sobre o texto. Este é o valor padrão. | default | |
| Cursor padrão da plataforma, independente do contexto, geralmente seta. | none | |
| Não há cursor apresentado. | initial | |
| Defina essa propriedade para seu valor padrão. | inherit | |
| Se especificado, o elemento relacionado adota o valor da propriedade cursor do elemento pai. | ||
| context-menu | Indica que o menu de contexto está disponível. | |
| help | Indica ajuda. | |
| pointer | Cursor indicador de link, geralmente com o dedo indicador estendido. | |
| progress | Indicador de progresso. O programa está executando algumas operações, mas o usuário ainda pode interagir com a interface (diferente de wait). | |
| wait | Significa que o programa está ocupado e o usuário deve esperar. | |
| Cursor de seleção | ||
| célula | Significa que é possível selecionar uma célula (ou um grupo de células). | |
| crosshair | Um simples crosshair. Geralmente usado para indicar a seleção em bitmap. | |
| text | Significa que é possível selecionar o texto, geralmente uma viga transversal. | |
| vertical-text | Significa que é possível selecionar texto vertical, ou seja, uma viga transversal. | |
| Cursor de arrastar e soltar | ||
| alias | Significa que é necessário criar um alias ou atalho. | |
| copy | Significa que é possível copiar algum conteúdo. | |
| move | Significa que é possível mover o objeto suspenso. | |
| não-drop | Significa que o item arrastado não pode ser colocado na posição atual. | |
| não-permitido | Significa que não é possível completar algo. | |
| Cursor de ajuste de tamanho e rolagem | ||
| all-scroll | Significa que é possível rolar em qualquer direção (deslizar). | |
| coluna-redimensionar | Indica que é possível ajustar horizontalmente o tamanho da coluna. | |
| linha-redimensionar | Indica que é possível ajustar verticalmente o tamanho da linha. | |
| n-redimensionar | Indica que algumas bordas precisam ser movidas para cima (norte). | |
| e-redimensionar | Indica que algumas bordas precisam ser movidas para direita (leste). | |
| s-redimensionar | Indica que algumas bordas precisam ser movidas para baixo (sul). | |
| w-redimensionar | Indica que algumas bordas precisam ser movidas para esquerda (oeste). | |
| ne-redimensionar | Indica que algumas bordas precisam ser movidas para cima e para direita (norte)./leste). | |
| nw-redimensionar | Indica que algumas bordas precisam ser movidas para cima e para baixo (norte)./oeste). | |
| se-redimensionar | Indica que algumas bordas precisam ser movidas para esquerda e para direita (sul)./leste). | |
| sw-redimensionar | Indica que algumas bordas precisam ser movidas para cima e para baixo (sul)./oeste). | |
| ew-redimensionar | Indica cursor de ajuste bidirecional do tamanho. | |
| ns-redimensionar | ||
| nesw-redimensionar | ||
| nwse-redimensionar | ||
| Cursor de zoom | ||
| zoom-in | Significa que é possível ampliar algum conteúdo. | |
| zoom-out | Significa que é possível reduzir algum conteúdo. | |
| grap | Significa que é possível puxar algo (arrastar para mover). | |
| grapando | Significa que algo foi pego. | |
Compatibilidade do cursor do navegador da propriedade, os números na tabela abaixo representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.
|
Ver tutorial:CSS cursor。