Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Memaparkan Slider Julat HTML5 Secara Menegak?

Bagaimanakah Saya Boleh Memaparkan Slider Julat HTML5 Secara Menegak?

DDD
Lepaskan: 2024-10-29 10:06:30
asal
912 orang telah melayarinya

 How Can I Display an HTML5 Range Slider Vertically?

Cara Memaparkan Peluncur Julat HTML5 Secara Menegak

S&J:

S: Bolehkah saya memaparkan HTML5 peluncur julat secara menegak dan bagaimana?

J: Ya, mulai April 2024 untuk Chrome (et al), dan November 2023 untuk Firefox, anda boleh menggunakan mod penulisan sifat CSS: vertical-lr ( atau menegak-rl) dan arah: rtl. Untuk penyemak imbas yang lebih lama, anda boleh menggunakan penampilan: gelangsar-menegak, tetapkan lebar atau tambah atribut orient="vertical" pada elemen html.

Butiran Tambahan:

Untuk Chrome (et al) dan Firefox (versi semasa):

  • Gunakan mod penulisan: vertical-lr (atau menegak-rl) untuk mengorientasikan peluncur secara menegak.
  • Gunakan arah: rtl untuk memastikan peluncur bergerak ke arah yang betul (atas untuk nilai rendah, bawah untuk nilai tinggi).

Untuk versi Chrome yang lebih lama (dan penyemak imbas berasaskan kromium lain) :

  • Gunakan rupa: peluncur-menegak untuk mengorientasikan peluncur secara menegak.
  • Tetapkan lebar, cth., lebar: 16px, untuk menentukan ketinggian peluncur.

Untuk versi Firefox yang lebih lama:

  • Tambahkan atribut orient="vertical" pada elemen html, cth., .

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaparkan Slider Julat HTML5 Secara Menegak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan