Skip to content

Commit 5690df8

Browse files
committed
[css-writing-modes] Bring typographic mode back in preparation of sideways-lr|rl
1 parent 9840feb commit 5690df8

1 file changed

Lines changed: 16 additions & 9 deletions

File tree

css-writing-modes/Overview.bs

Lines changed: 16 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,12 @@ Introduction to Writing Modes</h2>
101101
within a block container. The 'writing-mode' property determines the
102102
block flow direction.</p>
103103

104+
<p>The <dfn export>typographic mode</dfn> determines if text should apply
105+
typographic conventions specific to vertical flow for <a>vertical
106+
scripts</a>.
107+
This concept distinguishes vertical flow for <a>vertical scripts</a> from
108+
rotated horizontal flow.
109+
104110
<p>A <dfn export>horizontal writing mode</dfn> is one with horizontal lines of
105111
text, i.e. a downward or upward block flow.
106112
A <dfn export>vertical writing mode</dfn> is one with vertical lines of text,
@@ -795,13 +801,13 @@ Block Flow Direction: the 'writing-mode' property</h3>
795801
<dl dfn-for=writing-mode dfn-type=value>
796802
<dt><dfn>horizontal-tb</dfn></dt>
797803
<dd>Top-to-bottom <i>block flow direction</i>.
798-
The <i>writing mode</i> is horizontal.</dd>
804+
Both the <i>writing mode</i> and <i>typographic mode</a> are horizontal.</dd>
799805
<dt><dfn>vertical-rl</dfn></dt>
800806
<dd>Right-to-left <i>block flow direction</i>.
801-
The <i>writing mode</i> is vertical.</dd>
807+
Both the <i>writing mode</i> and <i>typographic mode</a> are vertical.</dd>
802808
<dt><dfn>vertical-lr</dfn></dt>
803809
<dd>Left-to-right <i>block flow direction</i>.
804-
The <i>writing mode</i> is vertical.</dd>
810+
Both the <i>writing mode</i> and <i>typographic mode</a> are vertical.</dd>
805811
</dl>
806812

807813
<p>The 'writing-mode' property specifies the <i>block flow direction</i>,
@@ -863,7 +869,7 @@ Block Flow Direction: the 'writing-mode' property</h3>
863869

864870
<p><img alt="Screenshot of vertical layout: the input element is
865871
laid lengthwise from top to bottom and its contents
866-
rendered in a vertical writing mode, matching the
872+
rendered in a vertical typographic mode, matching the
867873
labels outside it. The drop-down selection control
868874
after it slides out to the side (towards the after
869875
edge of the block) rather than downward as it would
@@ -998,7 +1004,7 @@ Introduction to Baselines</h3>
9981004

9991005
<p>Different baseline tables can be provided for alignment in
10001006
horizontal and vertical text. UAs should use the vertical
1001-
tables in vertical writing modes and the horizontal tables
1007+
tables in vertical <i>typographic modes</i> and the horizontal tables
10021008
otherwise.
10031009

10041010
<h3 id="text-baselines">
@@ -1020,7 +1026,7 @@ Text Baselines</h3>
10201026
</dd>
10211027
</dl>
10221028

1023-
<p>In vertical writing mode, the <i>central baseline</i> is used as the
1029+
<p>In vertical <i>typographic mode</i>, the <i>central baseline</i> is used as the
10241030
dominant baseline when 'text-orientation' is ''mixed'' or ''upright''.
10251031
Otherwise the <i>alphabetic baseline</i> is used.
10261032

@@ -1048,7 +1054,7 @@ Atomic Inline Baselines</h3>
10481054
Baseline Alignment</h3>
10491055

10501056
<p>The <dfn>dominant baseline</dfn>
1051-
(which <a href="#text-baselines">can change</a> based on the writing mode)
1057+
(which <a href="#text-baselines">can change</a> based on the <i>typographic mode</i>)
10521058
is used in CSS for alignment in two cases:
10531059
<ul>
10541060
<li><strong>Aligning glyphs from different fonts within the same inline box.</strong>
@@ -1185,8 +1191,9 @@ Orienting Text: the 'text-orientation' property</h3>
11851191
</pre>
11861192

11871193
<p>This property specifies the orientation of text
1188-
within a line. Current values only have an effect in vertical writing
1189-
modes; the property has no effect on boxes in horizontal writing modes.
1194+
within a line. Current values only have an effect in vertical <i>typographic
1195+
modes</i>;
1196+
the property has no effect on boxes in horizontal <i>typographic modes</i>.
11901197

11911198
<p>For readability, the term <i>character</i> is used in place of
11921199
<em>extended grapheme cluster</em> in this section.

0 commit comments

Comments
 (0)