Viết dọc (vertical writing) là hướng viết sắp xếp ký tự từ trên xuống dưới, các dòng từ phải sang trái. Trong tiếng Nhật, viết dọc là tiêu chuẩn cho báo chí, tiểu thuyết, manga và thư pháp. Ngay cả khi viết ngang đã phổ biến, phần lớn ấn phẩm vẫn được trình bày theo chiều dọc. Tiếng Trung (phồn thể), tiếng Mông Cổ và tiếng Hàn cổ điển cũng sử dụng viết dọc.

Tiếng Việt hiện đại sử dụng chữ Latin và viết theo chiều ngang từ trái sang phải, nhưng hiểu biết về viết dọc vẫn quan trọng khi phát triển web đa ngôn ngữ. Nếu bạn xây dựng trang web hỗ trợ tiếng Nhật hoặc tiếng Trung, việc triển khai viết dọc đúng cách là yêu cầu bắt buộc. CSS cung cấp thuộc tính writing-mode: vertical-rl cho viết dọc phải sang trái (tiêu chuẩn tiếng Nhật) và writing-mode: vertical-lr cho viết dọc trái sang phải (tiếng Mông Cổ).

Quy tắc xoay ký tự trong viết dọc khá phức tạp. Chữ Hán, Hiragana, Katakana được xếp thẳng đứng, nhưng chữ cái Latin và số bị xoay 90 độ. CSS cho phép kiểm soát bằng thuộc tính text-orientation: mixed (mặc định, tự động theo loại ký tự), upright (tất cả đứng thẳng), sideways (tất cả nằm ngang). Để hiển thị số 2 chữ số theo chiều dọc (tate-chu-yoko), dùng text-combine-upright: all.

Mối quan hệ giữa đếm ký tự và viết dọc thể hiện rõ trong thiết kế số ký tự trên mỗi dòng. Tiểu thuyết Nhật Bản tiêu chuẩn có 40-43 ký tự mỗi dòng, trang sách bỏ túi gồm 16-17 dòng x 40-43 ký tự. Giấy bản thảo Nhật (genkō yōshi) có đơn vị cơ bản là 20 ký tự x 20 dòng = 400 ký tự. Những thiết kế này được đúc kết qua nhiều năm kinh nghiệm để tối ưu khả năng đọc trong bố cục dọc.

Dấu câu trong viết dọc có quy tắc riêng. Dấu chấm câu và dấu phẩy tiếng Nhật được đặt ở góc trên bên phải của ô ký tự. Các loại ngoặc xoay 90 độ, dấu gạch ngang dài hiển thị theo chiều dọc. Những chuyển đổi này được font chữ tự động xử lý dựa trên thuộc tính Unicode (Vertical_Orientation).

Trong thiết kế responsive, việc chuyển đổi giữa viết dọc và viết ngang theo kích thước màn hình là phương pháp hiệu quả. Trên desktop có thể dùng viết dọc tạo không khí văn chương, trên mobile chuyển sang viết ngang để đảm bảo khả năng đọc. Tuy nhiên, số ký tự tối ưu trên mỗi dòng khác nhau giữa hai hướng viết, nên cần thiết kế lại chiều dài dòng chứ không chỉ đơn giản chuyển đổi.