Web platform features explorer - Vertical form controls

The writing-mode CSS property orients form elements (such as radio buttons, progress bars, or select menus) vertically when the writing mode is vertical-lr or vertical-rl. The direction CSS property sets whether inputs flow from top to bottom or bottom to top.

Status

Baseline Newly Available (since 2024-04-18)

This feature is expected to reach Baseline Widely Available status on: 2026-10-18

MDN documentation

Specifications

CSS Writing Modes Level 4 (#vertical-modes), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome 124 Released on 2024-04-16
Chrome Android 124 Released on 2024-04-16
Edge 124 Released on 2024-04-18
Firefox 120 Released on 2023-11-21
Firefox for Android 120 Released on 2023-11-21
Safari 17.4 Released on 2024-03-05
Safari on iOS 17.4 Released on 2024-03-05

Usage (according to Chrome Platform Status)

~0.031% of page loads. More data at chromestatus.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist