例
矢印キーを使用するときに場所を移動するために指定します。
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-leftプロパティは、矢印左側のナビゲーションキーを使用するときに移動する場所を指定します。
| デフォルト値： | auto |
|---|---|
| 継承されました： | no |
| アニメーション： | no. Read about animatable |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | object .style.navLeft="#div2" |
ブラウザのサポート
NAV-leftプロパティのみをオペラ12、いくつかの以前のバージョンでサポートされています。 このプロパティは、オペラ15で非推奨と時代遅れになりました。
| プロパティ | |||||
|---|---|---|---|---|---|
| nav-left | サポートされていません | サポートされていません | サポートされていません | サポートされていません | オペラ11.5から12にサポートされています。 新しいバージョンでサポートされていません |
CSSの構文
nav-left: auto|id|target-name|initial|inherit;プロパティ値
| 値 | 説明 |
|---|---|
| auto | デフォルト値。 ブラウザがにナビゲートするためにどの要素を決定します |
| id | に移動する要素のidを指定します。 |
| target-name | に移動するターゲットフレームを指定します。 |
| initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |