Wie verwende ich das CSS3-Nav-Right-Attribut?-CSS-Tutorial-php.cn

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

青灯夜游

Freigeben： 2020-09-08 11:35:12

Original

3413 Leute haben es durchsucht

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.

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

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;

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!