1. Home
  2. CSS3のNAVアップ性

CSS3のNAVアップ性2024 年の最新の入門チュートリアル。このコースでは 例,ブラウザのサポート,属性の定義と指示,文法, について学習できます。

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;
}

»をお試しください

ブラウザのサポート

表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。

すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。

属性
nav-right 不兼容 不兼容 不兼容 不兼容 Supported in Opera 11.5-12.
不兼容于更新版本的浏览器

属性の定義と指示

NAV-アッププロパティのナビゲーションをナビゲートするには、矢印キーを使用して、指定されました。

デフォルト： オート
継承： いいえ
バージョン： CSS3
JavaScriptシンタックス： オブジェクト.style.navUp = "＃のDIV2」

文法

nav-up: auto|id|target-name|inherit;

値 説明
オート 要素が決定されますNavigatorブラウザ
イド 要素のIDを指定するために移動します
ターゲット名 指定されたターゲットフレームに移動します
受け継ぎます 指定されたプロパティのナビゲーションアップ値は、親要素から継承する必要があります

ホットチュートリアル

お問い合わせ

CSS3のNAVアップ性
10/30