您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“css中的nav-up屬性如何使用”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“css中的nav-up屬性如何使用”這篇文章吧。
作用:nav-up屬性規定當使用nav-up導航鍵時,向何處進行導航。
語法:
nav-up:auto|id|target-name|inherit;
說明:
auto:瀏覽器決定導航到哪個元素。
id:規定被導航元素的id。
target-name:規定被導航的目標框架。
inherit:規定應從父元素繼承nav-up屬性的值。
注:目前只有Opera支持nav-up屬性。
cssnav-up屬性使用示例
<!DOCTYPEhtml>
<html>
<head>
<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>
<buttonid="b1">Button1</button>
<buttonid="b2">Button2</button>
<buttonid="b3">Button3</button>
<buttonid="b4">Button4</button>
<p><b>注釋:</b>目前只有Opera支持nav-*屬性。當您使用方向鍵導航時,請同時按下Shift鍵。</p>
</body>
</html>
以上是“css中的nav-up屬性如何使用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。