คุณสมบัติ nav-up ใช้สำหรับเลื่อนขึ้นเมื่อกดปุ่มลูกศรขึ้นบนแป้นพิมพ์ คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ CSS nav-up ไปใช้ได้
ตัวอย่าง
<!DOCTYPE html> <html> <head> <style> button { position: absolute; } button#btn1 { top: 10%; left: 15%; nav-index: 1; nav-right: #btn2; nav-left: #btn4; nav-down: #btn2; nav-up: #btn4; } button#btn2 { top: 30%; left: 30%; nav-index: 2; nav-right: #btn3; nav-left: #btn1; nav-down: #btn3; nav-up: #btn1; } button#btn3 { top: 50%; left: 15%; nav-index: 3; nav-right: #btn4; nav-left: #btn2; nav-down: #btn4; nav-up: #btn2; } button#btn4 { top: 30%; left: 0%; nav-index: 4; nav-right: #btn1; nav-left: #btn3; nav-down: #btn1; nav-up: #btn3; } </style> </head> <body> <button id = "btn1">Result1</button> <button id = "btn2">Result2</button> <button id = "btn3">Result3</button> <button id = "btn4">Result4</button> </body> </html>
