Wie kann ich einen HTML5-Bereichsschieberegler vertikal anzeigen?

So zeigen Sie einen HTML5-Bereichsschieberegler vertikal an

Fragen und Antworten:

F: Kann ich einen HTML5 anzeigen? Bereichsschieberegler vertikal und wie?

A: Ja, ab April 2024 für Chrome (et al.) und November 2023 für Firefox können Sie die CSS-Eigenschaften writing-mode: Vertical-lr ( oder vertikal-rl) und Richtung: rtl. Für ältere Browser können Sie „Erscheinungsbild: Schieberegler-Vertikal“ verwenden, eine Breite festlegen oder dem HTML-Element ein orient="vertical"-Attribut hinzufügen.

Zusätzliche Details:

Für Chrome (et al.) und Firefox (aktuelle Versionen):

• Verwenden Sie den Schreibmodus: Vertical-lr (oder Vertical-rl), um den Schieberegler vertikal auszurichten.
• Verwenden Sie Direction: RTL, um sicherzustellen, dass sich der Schieberegler in die richtige Richtung bewegt (nach oben für niedrige Werte, nach unten für hohe Werte).

Für ältere Versionen von Chrome (und andere Chrom-basierte Browser) :

• Verwenden Sie „Erscheinungsbild: Schieberegler-Vertikal“, um den Schieberegler vertikal auszurichten.
• Legen Sie eine Breite fest, z. B. Breite: 16 Pixel, um die Höhe des Schiebereglers zu definieren.

Für ältere Versionen von Firefox:

• Fügen Sie dem HTML-Element ein orient="vertical"-Attribut hinzu, z. B. .

Das obige ist der detaillierte Inhalt vonWie kann ich einen HTML5-Bereichsschieberegler vertikal anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!