您好,登錄后才能下訂單哦!
css中如何使用nav-up屬性,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
css nav-up屬性用于規定當使用nav-up導航鍵時,向何處進行導航,其語法是nav-up: auto|id|target-name|inherit。
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 屬性。
css nav-up屬性使用示例
<!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>
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。