Exemplo
Alguns cursores diferentes:
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
Tente você mesmo " Definição e Uso
A propriedade cursor especifica o tipo de cursor a ser exibido quando apontando em um elemento.
| Valor padrão: | auto |
|---|---|
| Herdado: | yes |
| Animatable: | no. Read about animatable |
| Versão: | CSS2 |
| sintaxe JavaScript: | object .style.cursor="crosshair" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| cursor | 5 | 5.5 | 4.0 | 5 | 9,6 |
CSS Syntax
cursor:value;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| alias | O cursor indica um apelido para algo está a ser criado | Jogue " |
| all-scroll | O cursor indica que algo pode ser rolada em qualquer direção | Jogue " |
| auto | Padrão. O navegador define um cursor | Jogue " |
| cell | O cursor indica que uma célula (or set of cells) podem ser seleccionados | Jogue " |
| context-menu | O cursor indica que um menu de contexto está disponível | Jogue " |
| col-resize | O cursor indica que a coluna pode ser redimensionada horizontalmente | Jogue " |
| copy | O cursor indica que algo está a ser copiado | Jogue " |
| crosshair | O cursor processar como uma mira | Jogue " |
| default | O cursor padrão | Jogue " |
| e-resize | O cursor indica que uma borda de uma caixa deve ser movida para a direita (east) | Jogue " |
| ew-resize | Indica um cursor de redimensionamento bidirecional | Jogue " |
| grab | O cursor indica que algo pode ser agarrado | Jogue " |
| grabbing | O cursor indica que algo pode ser agarrado | Jogue " |
| help | O cursor indica que a ajuda está disponível | Jogue " |
| move | O cursor indica que algo está a ser movido | Jogue " |
| n-resize | O cursor indica que um bordo de uma caixa é para ser movido para cima (north) | Jogue " |
| ne-resize | O cursor indica que uma borda de uma caixa deve ser movida para cima e para a direita (north/east) | Jogue " |
| nesw-resize | Indica um cursor de redimensionamento bidirecional | Jogue " |
| ns-resize | Indica um cursor de redimensionamento bidirecional | Jogue " |
| nw-resize | O cursor indica que uma borda de uma caixa deve ser movida para cima e à esquerda (north/west) | Jogue " |
| nwse-resize | Indica um cursor de redimensionamento bidirecional | Jogue " |
| no-drop | O cursor indica que o item arrastado não pode ser descartado aqui | Jogue " |
| none | No cursor é processado para o elemento | Jogue " |
| not-allowed | O cursor indica que a ação solicitada não será executada | Jogue " |
| pointer | O cursor é um ponteiro e indica um link | Jogue " |
| progress | O cursor indica que o programa está ocupado (in progress) | Jogue " |
| row-resize | O cursor indica que a linha pode ser redimensionado verticalmente | Jogue " |
| s-resize | O cursor indica que um bordo de uma caixa é para ser movido para baixo (south) | Jogue " |
| se-resize | O cursor indica que uma borda de uma caixa deve ser movido para baixo e para a direita (south/east) | Jogue " |
| sw-resize | O cursor indica que uma borda de uma caixa deve ser movido para baixo e à esquerda (south/west) | Jogue " |
| text | O cursor indica o texto que podem ser selecionados | Jogue " |
| URL | Uma vírgula lista de URLs separados para cursores personalizados. Note: Sempre especificar um cursor genérico no final da lista, no caso de nenhum dos cursores definida pelo URL podem ser utilizados | Jogue " |
| vertical-text | O cursor indica-texto vertical que podem ser selecionados | Jogue " |
| w-resize | O cursor indica que uma borda de uma caixa deve ser mover para a esquerda (west) | Jogue " |
| wait | O cursor indica que o programa está ocupado | Jogue " |
| zoom-in | O cursor indica que algo pode ser ampliado | Jogue " |
| zoom-out | O cursor indica que algo pode ser ampliada para fora | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
HTML DOM de referência: cursor property