CSS logical properties and values

Module CSS logical properties and values định nghĩa các thuộc tính và giá trị logic có thể kiểm soát bố cục thông qua các ánh xạ hướng và chiều logic thay vì vật lý. Logical properties định nghĩa các tương đương hướng tương đối với các thuộc tính vật lý tương ứng của chúng.

Điểm bắt đầu của một dòng không phải lúc nào cũng là phía bên trái của dòng. Các hệ thống viết khác nhau hoạt động theo nhiều hướng khác nhau. Ví dụ:

• Tiếng Anh và tiếng Bồ Đào Nha được viết từ trái sang phải với các dòng mới được thêm vào bên dưới các dòng trước.
• Tiếng Do Thái và tiếng Ả Rập là các ngôn ngữ viết từ phải sang trái với các dòng mới cũng được thêm vào bên dưới các dòng trước.
• Trong một số chế độ viết, các dòng văn bản là dọc, được viết từ trên xuống dưới. Tiếng Trung, tiếng Việt, tiếng Hàn và tiếng Nhật theo truyền thống được viết theo chiều dọc, từ trên xuống dưới, với mỗi dòng dọc mới được thêm vào bên trái dòng trước.
• Tiếng Mông Cổ truyền thống cũng là ngôn ngữ từ trên xuống dưới, nhưng các dòng mới nằm ở bên phải của các dòng trước.

Các logical properties được định nghĩa trong module này cho phép định nghĩa các thuộc tính tương đối với hướng viết của nội dung, thay vì một hướng vật lý. Điều này có nghĩa là nội dung được dịch sang các ngôn ngữ với các chế độ viết khác nhau sẽ được hiển thị như dự định.

Logical properties và values sử dụng các thuật ngữ trừu tượng block và inline để mô tả hướng mà chúng chảy. Ý nghĩa vật lý của các thuật ngữ này phụ thuộc vào writing mode.

Block dimension vuông góc với luồng văn bản trong một dòng, tức là chiều dọc trong các chế độ viết ngang và chiều ngang trong các chế độ viết dọc. Đối với văn bản tiếng Anh tiêu chuẩn, đó là chiều dọc.

Inline dimension song song với luồng văn bản trong một dòng, tức là chiều ngang trong các chế độ viết ngang và chiều dọc trong các chế độ viết dọc. Đối với văn bản tiếng Anh tiêu chuẩn, đó là chiều ngang.

CSS ban đầu được thiết kế chỉ với tọa độ vật lý. Module logical properties và values định nghĩa các tương đương flow-relative cho nhiều giá trị và thuộc tính. Các thuộc tính trước đây chỉ chấp nhận các giá trị vật lý (top, bottom, left, right) giờ đây cũng chấp nhận các giá trị logic flow-relative (block-start, block-end, inline-start, inline-end).