CSS nav-right 属性

半人马酋长
• 阅读 1684

本文参考CSS中文文档

CSS3 nav-right 属性

指定导航使用向左箭头和右箭头导航键:

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-right的属性指定使用箭头向右导航键导航。

默认值: auto
继承: no
版本: CSS3
JavaScript 语法: object.style.navRight=2

语法

nav-index: auto|number|inherit;
说明
auto 浏览器将决定哪个元素导航
id 指定导航到该元素的ID
target-name 指定导航到目标帧
inherit 指定nav-right属性的值,应该从父元素继承

本文参考CSS中文文档

点赞
收藏
评论区
推荐文章
徐小夕 徐小夕
4年前
巧用css圆角实现有点意思的加载动画
作为一名前端工程师,需要对css技巧有充分的研究和了解,接下来笔者将会带大家一起掌握如何用css的圆角属性来实现有点意思的加载动画.如果想学习更多css实用技巧,可以参考笔者以下的文章:<divstyle"display:flex;flexwrap:wrap;alignitems:center;"<ahref"https:/
徐小夕 徐小夕
4年前
《前端实战总结》之使用CSS3实现酷炫的3D旋转透视
3D动画效果现在越来越普及,已经被广泛的应用到了各个平台,比如阿里云,华为云,webpack官网等。它可以更接近于真实的展示我们的产品和介绍,带来极强的视觉冲击感。所以说,为了让自己更加优秀,css33D动画必不可少。你将学到CSS33D转换的常用API介绍CSS33D应用场景CSS33D实现一个立方体开始1.CSS
Wesley13 Wesley13
3年前
CSS扩展语言
CSS没有变量?不要诬蔑我们大CSS好不?就像ES一样,你说JS没有模块,ES6给你整一个出来,而在这之前就已经有相关的库出来了。CSS也一样,你说CSS没有变量,CSS3就给你一个var(),变量你值得拥有!//语法//<customprepertyname自定义属性名//<declarationvalue
Wesley13 Wesley13
3年前
CSS基本语法及页面引用
css基本语法及页面引用(1)css基本语法css的定义方法是:选择器{属性:值;属性:值;属性:值;}选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例:/css注释ctrlshift"/"/d
Stella981 Stella981
3年前
Python+Selenium练习篇之5
前面介绍了,XPath,id,class,linktext,partiallinktext,tagname,name七大元素定位方法,本文介绍webdriver支持的最后一个方法:by\_css。css和XPath类似,也需要掌握一些语法,才能写出正确的,完整的css选择表达式。相关脚本代码如下:codingu
Wesley13 Wesley13
3年前
CSS基本用法介绍
CSS介绍css定义如何显示HTML元素.当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染).CSS语法css实列每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。css注释/这是注释/CSS的几种引入方
Stella981 Stella981
3年前
Sass
嵌套规则(NestedRules)Sass允许将一套CSS样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器mainp{color:00ff00;width:97%;.redbox{
Wesley13 Wesley13
3年前
020_CSS3
目录如何学习CSS什么是CSS发展史快速入门css的优势三种CSS导入方式拓展:外部样式两种写法选择器基本选择器层次选择器结构伪类选择器属性选择器美化网页元素为什么要
Stella981 Stella981
3年前
CSS 分类 (Classification)
★★CSS分类属性(Classification)★★⑴CSS分类属性允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度。⑵下面是常用的属性以及描述:!(https://oscimg.oschina.net/oscnet/00cb565
Wesley13 Wesley13
3年前
CSS定位属性Position详解
CSS中最常用的布局类属性,一个是Float(CSS浮动属性Float详解(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fparan.io%2Fcssfloatattribute%2F)),另一个就是CSS定位属性Position。1\.position:static
Wesley13 Wesley13
3年前
CSS基础_CSS样式的几种书写形式
1.内嵌式将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:<head<styletype"text/CSS"标签名/选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;
半人马酋长
半人马酋长
Lv1
人越长大就越不愿意把心事向身边的人吐露.
文章
1
粉丝
0
获赞
0
热门文章

暂无数据