小編給大家分享一下css中nav-left屬性如何使用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創新互聯公司服務項目包括徐州網站建設、徐州網站制作、徐州網頁制作以及徐州網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,徐州網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到徐州省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!css nav-left屬性用于規定當使用nav-left導航鍵時,向何處進行導航,其語法是nav-left: auto|id|target-name|inherit。
css nav-left屬性怎么用?
作用:nav-left 屬性規定當使用 nav-left 導航鍵時,向何處進行導航。
語法:
nav-left: auto|id|target-name|inherit
說明:
auto 瀏覽器決定導航到哪個元素。
id 規定被導航元素的 id。
target-name 規定被導航的目標框架。
inherit 規定應從父元素繼承 nav-left 屬性的值。
注釋:目前只有 Opera 支持 nav-left 屬性。
css nav-left 屬性使用示例
<!DOCTYPE html>
<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>
<button id="b1">Button 1</button>
<button id="b2">Button 2</button>
<button id="b3">Button 3</button>
<button id="b4">Button 4</button>
<p><b>注釋:</b>目前只有 Opera 支持 nav-* 屬性。當您使用方向鍵導航時,請同時按下 Shift 鍵。</p>
</body>
</html>效果輸出:

以上是css中nav-left屬性如何使用的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯網站制作公司行業資訊頻道!
                分享題目:css中nav-left屬性如何使用-創新互聯
                
                文章地址:http://www.yijiale78.com/article14/cegode.html
            
成都網站建設公司_創新互聯,為您提供商城網站、響應式網站、企業建站、軟件開發、域名注冊、用戶體驗
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
