CSS3のNAV-indexプロパティ
例
二つのボタンのタブのキーシーケンスを指定します。
ボタン#B1を
{
トップ:20%;左:25%;
NAV-インデックス:1。
NAV-右:#b2を、NAV-左:#b4のを。
NAV-ダウン:#b2を、NAVアップします。#B4を、
}
ボタン#B2の
{
トップ:40%;左:50%;
NAV-インデックス:2;
NAV-右:#B3を、NAV-左:#B1は、
NAV-ダウンします。#B3; NAVアップ:#B1は、
}
ボタン#B3と
{
トップ:70%;左:25%;
NAV-インデックス:3;
NAV-右:#b4を、NAV-左:#B2は、
NAV-ダウンします。#B4; NAVアップ:#B2は、
}
ボタン#1 B4
{
トップ:40%;左:0%。
NAV-インデックス:4;
NAV-右:#b1と、NAV-左:#B3は、
NAV-ダウン:#b1と、NAVアップ:#B3は、
}
{
トップ:20%;左:25%;
NAV-インデックス:1。
NAV-右:#b2を、NAV-左:#b4のを。
NAV-ダウン:#b2を、NAVアップします。#B4を、
}
ボタン#B2の
{
トップ:40%;左:50%;
NAV-インデックス:2;
NAV-右:#B3を、NAV-左:#B1は、
NAV-ダウンします。#B3; NAVアップ:#B1は、
}
ボタン#B3と
{
トップ:70%;左:25%;
NAV-インデックス:3;
NAV-右:#b4を、NAV-左:#B2は、
NAV-ダウンします。#B4; NAVアップ:#B2は、
}
ボタン#1 B4
{
トップ:40%;左:0%。
NAV-インデックス:4;
NAV-右:#b1と、NAV-左:#B3は、
NAV-ダウン:#b1と、NAVアップ:#B3は、
}
»をお試しください
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
nav-index | 不兼容 | 不兼容 | 不兼容 | 不兼容 | Supported in Opera 11.5-12. 不兼容于更新版本的浏览器 |
属性の定義と指示
NAV-index属性は、オーダー(「タブキー順序」)の連続ナビゲーション要素を指定します。
デフォルト: | オート |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.navIndex = 2 |
文法
nav-index: auto|number|inherit;
値 | 説明 |
---|---|
オート | 要素ブラウザに割り当てられたタブキーシーケンス |
数 | タブキーシーケンスは、要素を表します。 第1手段 |
受け継ぎます | 指定されたプロパティのNav-インデックス値は、親要素から継承する必要があります |