這篇文章主要為大家展示了“css中的nav-up屬性如何使用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中的nav-up屬性如何使用”這篇文章吧。
成都創(chuàng)新互聯(lián)公司長期為上千余家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為回民企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站,回民網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
作用: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屬性使用示例
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;
}
注釋:目前只有Opera支持nav-*屬性。當(dāng)您使用方向鍵導(dǎo)航時(shí),請(qǐng)同時(shí)按下Shift鍵。
以上是“css中的nav-up屬性如何使用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!