CSS3のNAV-左のプロパティ
例
ナビゲートするには、左ナビゲーションと右の矢印キーを使用して指定します。
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;
}
{
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-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
nav-right | 不兼容 | 不兼容 | 不兼容 | 不兼容 | Supported in Opera 11.5-12. 不兼容于更新版本的浏览器 |
属性の定義と指示
NAV-左のプロパティがナビゲートするには、左ナビゲーション矢印キーを指定します。
デフォルト: | オート |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.navLeft = "#のDIV2」 |
文法
nav-left: auto|id|target-name|inherit;
値 | 説明 |
---|---|
オート | 要素が決定されますNavigatorブラウザ |
イド | 要素のIDを指定するために移動します |
ターゲット名 | 指定されたターゲットフレームに移動します |
受け継ぎます | NAV-左のプロパティ値を指定し、それは親要素から継承する必要があります |