Shulou(Shulou.com)06/01 Report--

This article mainly shows you "how to use the nav-up attribute in css", the content is simple and easy to understand, and the organization is clear. I hope it can help you solve your doubts. Let Xiaobian lead you to study and learn "how to use the nav-up attribute in css" this article.

Role: The nav-up attribute specifies where to navigate when using the nav-up navigation key.

Grammar:

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

Description:

auto: The browser decides which element to navigate to.

id: Specifies the id of the navigated element.

target-name: Specifies the target frame to be navigated.

inherit: Specifies that the value of the nav-up attribute should be inherited from the parent element.

Note: Only Opera currently supports nav-up attributes.

cssnav-up attribute usage example

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;

}

Button1

Button2

Button3

Button4

Note: Currently only Opera supports the nav-* attribute. When you navigate using the arrow keys, press the Shift key at the same time.

The above is "how to use nav-up attribute in css" all the contents of this article, thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.