css中的nav-up屬性如何使用

發(fā)布時(shí)間：2022-03-01 15:16:26 來源：億速云閱讀：137 作者：小新欄目：web開發(fā)

這篇文章主要為大家展示了“css中的nav-up屬性如何使用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中的nav-up屬性如何使用”這篇文章吧。

　　作用：nav-up屬性規(guī)定當(dāng)使用nav-up導(dǎo)航鍵時(shí)，向何處進(jìn)行導(dǎo)航。

　　語法：

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

　　說明：

　　auto：瀏覽器決定導(dǎo)航到哪個(gè)元素。

　　id：規(guī)定被導(dǎo)航元素的id。

　　target-name：規(guī)定被導(dǎo)航的目標(biāo)框架。

　　inherit：規(guī)定應(yīng)從父元素繼承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-*屬性。當(dāng)您使用方向鍵導(dǎo)航時(shí)，請同時(shí)按下Shift鍵。</p>

　　</body>

　　</html>

以上是“css中的nav-up屬性如何使用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

css中的nav-up屬性如何使用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽