Skip to content

Commit d208619

Browse files
committed
spec/css3-writing-modes/author-css: edited
1 parent a5ca79c commit d208619

1 file changed

Lines changed: 11 additions & 8 deletions

File tree

spec/css3-writing-modes/author-css.txt

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
The [[http://dev.w3.org/csswg/css-writing-modes-3/#block-flow|writing-mode]] property makes the block flow direction to vertical. However, how other typographic properties are adjusted in vertical flow varies by scripts and cultural conventions, and they will not set automatically. This is an unofficial guide for how authors want to adjust such properties, to help authors, and for us to understand which properties are used how.
22

3-
Any corrections, information, opinions, questions, please let [[mailto:kojiishi@gmail.com|me]] know.
3+
Any corrections, additional information, opinions, questions, please let [[mailto:kojiishi@gmail.com|me]] know.
44

55
====== Vertical Scripts ======
66

@@ -75,13 +75,16 @@ text-orientation: sideways-right;
7575
===== Counter-clockwise =====
7676

7777
<code>
78-
writing-mode: tb-rl;
79-
-webkit-writing-mode: vertical-rl;
80-
writing-mode: vertical-rl;
81-
-webkit-text-orientation: sideways-right;
82-
text-orientation: sideways-right;
83-
transform: rotate(180deg);
78+
@supports (writing-mode: bt-lr) {
79+
writing-mode: bt-lr;
80+
}
81+
@supports not (writing-mode: bt-lr) {
82+
-webkit-writing-mode: vertical-rl;
83+
writing-mode: vertical-rl;
84+
-webkit-text-orientation: sideways-right;
85+
text-orientation: sideways-right;
86+
transform: rotate(180deg);
87+
}
8488
</code>
8589

8690
- See above for the text-orientation property.
87-
- IE supports this use case with [[https://msdn.microsoft.com/en-us/library/ie/ms531187(v=vs.85).aspx|writing-mode: bt-lr]]. Haven't really tried to write @supports to use that.

0 commit comments

Comments
 (0)