CSS3 nav-down 属性
实例
规定在使用方向键时向何处导航:
           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;
}
 
         {
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;
}
浏览器支持
 




目前只有Opera支持nav-down 属性
属性定义及使用说明
nav-down 属性规定当使用 nav-down 导航键时,向何处进行导航。
| 默认值: | auto | 
|---|---|
| 继承: | no | 
| 版本: | CSS3 | 
| JavaScript 语法: | object.style.navDown="#div2" | 
语法
           nav-down: auto| 
          id| 
          target-name|inherit; 
         
 
        | 值 | 说明 | 
|---|---|
| auto | 浏览器决定导航到哪个元素。 | 
| id | 规定被导航元素的 id。 | 
| target-name | 规定被导航的目标框架。 | 
| inherit | 规定应从父元素继承 nav-down 属性的值。 |