Thuộc tính nav-down được sử dụng để di chuyển xuống khi bạn nhấn phím mũi tên xuống trên bàn phím. Bạn có thể chạy mã sau để triển khai thuộc tính CSS nav-down:
Ví dụ
<!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>