CSS3 nav-down 属性

数字开拓者说
• 阅读 1506

本文参考CSS中文文档

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;
}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性 IE Chrome FF safari Open
nav-down 不兼容 不兼容 不兼容 不兼容 Supported in Opera 11.5-12.
不兼容于更新版本的浏览器

属性定义及使用说明

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 属性的值。

本文参考CSS中文文档

点赞
收藏
评论区
推荐文章
美凌格栋栋酱 美凌格栋栋酱
6个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
徐小夕 徐小夕
4年前
轻松教你使用纯css实现水波动画
css3给我们前端开发带来了很便利,我们可以使用css3的新特新实现各种形状和动效,接下来笔者就来带大家介绍如何用css3实现H5Dooring编辑器(https://github.com/MrXujiang/h5Dooring)中的水波动画.(https://imghelloworld.osscnbeijing.aliy
菜园前端 菜园前端
2年前
你真的了解的CSS3盒模型和CSS3特性知识吗
原文链接:什么是CSS3?CSS3是CSS一个新的标准,直接理解为是CSS的升级版,里面新增了很多样式(特性)。CSS3盒子模型:::warningCSS3盒子模型必须要掌握,否则你在实际开发中遇到样式错乱很难排查问题。:::旧版的IE浏览器与其它浏览器解
徐小夕 徐小夕
4年前
轻松教你使用纯css实现H5-Doorin编辑器中的水波动画
css3给我们前端开发带来了很便利,我们可以使用css3的新特性实现各种形状和动效,接下来笔者就来带大家介绍如何用css3实现H5Dooring编辑器(https://github.com/MrXujiang/h5Dooring)中的水波动画.(https://imghelloworld.osscnbeijing.aliy
徐小夕 徐小夕
4年前
css3实战汇总(附源码)
本文是继上一篇文章用css3实现惊艳面试官的背景即背景动画(高级附源码)(https://juejin.im/post/6844903950123188237)的续篇也是本人最后一篇介绍css3技巧的文章,因为css这块知识难点不是很多,更多的在于去熟悉css3的新特性和基础理论知识。所以写这篇文章的目的一方面是对自己工作中一些css高级技巧的总结,另一
Wesley13 Wesley13
3年前
CSS扩展语言
CSS没有变量?不要诬蔑我们大CSS好不?就像ES一样,你说JS没有模块,ES6给你整一个出来,而在这之前就已经有相关的库出来了。CSS也一样,你说CSS没有变量,CSS3就给你一个var(),变量你值得拥有!//语法//<customprepertyname自定义属性名//<declarationvalue
Wesley13 Wesley13
3年前
CSS实现背景色渐变
一、使用CSS3属性/ for firefox /backgroundimage: mozlineargradient(top,fefefe,ebebeb);/ for webkit core /backgroundimage: webkitgradient(linear,0 0,0 100
Wesley13 Wesley13
3年前
CSS3 文本效果
CSS3文本效果CSS3中包含几个新的文本特征。在本章中您将了解以下文本属性:textshadowwordwrap浏览器支持!(http://static.oschina.net/uploads/space/2016/0123/124344_Ps
Stella981 Stella981
3年前
CSS 分类 (Classification)
★★CSS分类属性(Classification)★★⑴CSS分类属性允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度。⑵下面是常用的属性以及描述:!(https://oscimg.oschina.net/oscnet/00cb565
Wesley13 Wesley13
3年前
CSS基础_CSS样式的几种书写形式
1.内嵌式将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:<head<styletype"text/CSS"标签名/选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;
数字开拓者说
数字开拓者说
Lv1
离别家乡岁月多,近来人事半消磨。
文章
5
粉丝
0
获赞
0