ホームページ > 記事 > ウェブフロントエンド > CSSのnav-index属性の使い方
css nav-index 属性は、要素の連続ナビゲーション順序 (「タブ順序」) を指定するために使用されます。nav-index 属性の構文は、nav-index: auto|number|inherit です。
css nav-index 属性を使用するにはどうすればよいですか?
定義と使用法
nav-index 属性は、要素の連続したナビゲーション順序 (「タブ順序」) を指定します。
デフォルト: auto
継承: no
バージョン: CSS3
JavaScript 構文:
object.style.navIndex=2
CSS3 構文
nav-index: auto|number|inherit;
属性値
auto ブラウザによって割り当てられたナビゲーション キーは、要素の順序を制御します。
番号は、要素のナビゲーション キーの制御順序を示します。 1 は最初のものを表します。
inherit は、nav-index 属性の値を親要素から継承することを指定します。
例
矢印キーを使用するときに移動する場所を指定します:
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; }
エフェクト出力:
ブラウザのサポート: 現在、nav-index 属性をサポートしているのは Opera のみです。
以上がCSSのnav-index属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。