L'attribut CSS nav-up est utilisé pour spécifier où naviguer lors de l'utilisation de la touche de navigation nav-up. Sa syntaxe est nav-up : auto|id|target-name|inherit.
Comment utiliser l'attribut CSS nav-up ?
Fonction : L'attribut nav-up spécifie où naviguer lorsque vous utilisez la touche de navigation nav-up.
Syntaxe :
nav-up: auto|id|target-name|inherit;
Description :
auto Le navigateur décide vers quel élément accéder.
id spécifie l'identifiant de l'élément parcouru.
target-name spécifie le cadre cible dans lequel naviguer.
inherit spécifie que la valeur de l'attribut nav-up doit être héritée de l'élément parent.
Remarque : Actuellement, seul Opera prend en charge l'attribut nav-up.
Exemple d'utilisation de l'attribut 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>Sortie d'effet :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Comment acheter de vraies pièces Ripple
Pourquoi le wifi a-t-il un point d'exclamation ?
des centaines
Que dois-je faire si msconfig ne peut pas être ouvert ?
Type de vulnérabilité du système
Introduction aux raisons pour lesquelles le bureau à distance ne peut pas se connecter
horodatage python
La différence entre la charge rapide PD et la charge rapide générale
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
