demo · v135

Writing-mode overflow lab

Pick a writing-mode and direction, then watch how overflow-block and overflow-inline resolve to physical axes in each combination. The same logical rule produces vertical scrollbars in horizontal-tb and horizontal scrollbars in vertical-rl — no media query gymnastics required.

overflow-block: ?
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

resolved physical axes

—

see also