Heim > Artikel > Web-Frontend > Wie verwende ich das CSS3-Nav-Right-Attribut?

Wie verwende ich das CSS3-Nav-Right-Attribut?

青灯夜游Original: 2019-02-21 11:58:143337Durchsuche

css3 nav-right-Attribut ist ein CSS3-Attribut, das verwendet wird, um anzugeben, wohin bei Verwendung der Rechtspfeil-Navigationstaste navigiert werden soll. Seine Syntax ist „nav-right: auto|id|target-name ;“, der Parameter „. auto“ gibt an, zu welchem Element der Browser navigiert.

Die nav-right-Eigenschaft ist eine CSS3-Eigenschaft, die angibt, wohin bei Verwendung der Rechtspfeil-Navigationstaste navigiert werden soll.

Empfohlen: „CSS3-Video-Tutorial“

CSS3-Navigationsrecht-Attribut

Funktion:Das Attribut „nav-right“ gibt an, wohin bei Verwendung der Navigationstaste „nav-right“ navigiert werden soll.

Grundlegende Syntax:

nav-right: auto|id|target-name;

auto: Der Browser entscheidet, zu welchem Element navigiert wird.

id: Geben Sie die ID des Elements an, zu dem navigiert werden soll.

Zielname: Geben Sie den Zielrahmen an, zu dem navigiert werden soll.

Hinweis: Derzeit nur Opera unterstützt das Nav-Right-Attribut.

Verwendungsbeispiele für das CSS3-Nav-Right-Attribut

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
button
{
    position:absolute;
}
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;
}
</style>
</head>
<body>
<button id="b1">按钮1</button>
<button id="b2">按钮2</button>
<button id="b3">按钮3</button>
<button id="b4">按钮4</button>
<p><b>注释：</b>目前只有 Opera 支持 nav-* 属性。当您使用方向键导航时，请同时按下 Shift 键。</p>
</body>
</html>

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er nützlich sein kann Jedermanns Lernhilfe.

Das obige ist der detaillierte Inhalt vonWie verwende ich das CSS3-Nav-Right-Attribut?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css3 auto

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie die Methode pop()Nächster Artikel：So verwenden Sie die Methode pop()

In Verbindung stehende Artikel

Mehr sehen