矢印キーを使用する場合、どこにナビゲートするかを指定します：
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;
}
Try it Yourself ❯
nav-left プロパティは、左矢印のナビゲーションキーを使用したときのナビゲーション先を指定します。
| デフォルト値： | auto |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 不可。animatable を参照 |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.navLeft="#div2" |
nav-left プロパティは、現在、Opera 12と以前の一部のバージョンだけがサポートしています。 このプロパティは、Opera 15では非推奨となり、時代遅れのものになっています。
| プロパティ | |||||
|---|---|---|---|---|---|
| nav-left | 未サポート | 未サポート | 未サポート | 未サポート | Supported in Opera 11.5-12. Not supported in newer versions |
nav-left: auto|id|target-name|initial|inherit;
| 値 | 説明 |
|---|---|
| auto | デフォルト値。ブラウザがナビゲートする要素を決定します |
| id | ナビゲートする要素の id を指定します |
| target-name | ナビゲートするターゲットフレームを指定します |
| initial | プロパティにデフォルト値を設定します。initial を参照 |
| inherit | このプロパティは親要素を継承します。inherit を参照 |