Exemplo
Especifique onde para navegar ao usar as setas do teclado:
button#b1
{
top: 20%; left: 25%;
nav-index: 1;
nav-right: #b2; nav-left: #b4;
nav-down: #b2; nav-up: #b4;
}
button#b2
{
top: 40%; left: 50%;
nav-index: 2;
nav-right: #b3; nav-left: #b1;
nav-down: #b3; nav-up: #b1;
}
button#b3
{
top: 70%; left: 25%;
nav-index: 3;
nav-right: #b4; nav-left: #b2;
nav-down: #b4; nav-up: #b2;
}
button#b4
{
top: 40%; left: 0%;
nav-index: 4;
nav-right: #b1; nav-left: #b3;
nav-down: #b1; nav-up: #b3;
}
Tente você mesmo " Definição e Uso
A propriedade nav-up especifica onde a navegação quando se utiliza a tecla de navegação de seta para cima.
| Valor padrão: | auto |
|---|---|
| Herdado: | no |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.navUp="#div2" |
Suporte a navegadores
A propriedade nav-up só é suportado no Opera 12 e algumas versões anteriores. Esta propriedade tornou-se obsoleto e obsoleto em Opera 15.
| Propriedade | |||||
|---|---|---|---|---|---|
| nav-up | Não suportado | Não suportado | Não suportado | Não suportado | Compatível com Opera 11,5-12. Não suportado em versões mais recentes |
CSS Syntax
nav-up: auto|id|target-name|initial|inherit;Valores de propriedade
| Valor | Descrição |
|---|---|
| auto | Valor padrão. O navegador determina qual elemento para navegar para |
| id | Especifica o ID do elemento a navegar para |
| target-name | Especifica o quadro de destino para navegar para |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |