Skip to content

Commit 398aebd

Browse files
committed
[css-rhythm] East Asian Casual Vertical Rhythms
1 parent c3aa408 commit 398aebd

File tree

1 file changed

+39
-0
lines changed

1 file changed

+39
-0
lines changed

css-rhythm/Overview.bs

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ Work Status: exploring
1515
Editor: Koji Ishii, Google, kojiishi@gmail.com
1616
Editor: Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact, w3cid 35400
1717
ED: https://drafts.csswg.org/css-rhythm/
18+
TR: https://www.w3.org/TR/css-rhythm-1/
1819
Abstract: This module contains CSS features for aligning content size
1920
to multiple of unit size.
2021
</pre>
@@ -52,6 +53,44 @@ Introduction {#intro}
5253
<p class="caption">Vertical rhythm kept through pictures and different size of text in a multi-column document.
5354
</div>
5455

56+
East Asian Casual Vertical Rhythms {#eastasia}
57+
----------------------------------------------
58+
59+
In East Asia, a casual variant of vertical rhythm is widely used.
60+
61+
Vertical rhythm is typically used in professional typography.
62+
While it improves readability,
63+
its spacing constraints require careful and well-thought design of spaces.
64+
65+
The East Asian casual variant was
66+
originally a product of technical constraints of traditional word processors in '80s.
67+
But when the technical constraints were lifted in more modern technologies,
68+
with the help of square-like visual of ideographic characters,
69+
East Asian authors preferred to keep parts of the characteristics.
70+
71+
In this variant of vertical rhythm,
72+
the requirement is loosened for the ease of use for non-professional authors.
73+
Text is still on the rhythm,
74+
so that the majority of ideographic characters are mostly on grid,
75+
but when author specifies borders, margins, or some other objects that may break the rhythm,
76+
the rhythm is shifted rather than forced.
77+
The strict vertical rhythm often surprises non-professional authors by forced jumps in such cases,
78+
while this variant combines rhythm on text and the ease of use for non-professional authors.
79+
80+
This variant was very widely accepted in East Asia since the middle of '90s,
81+
such that most major word processors used in East Asia provided similar features
82+
by default.
83+
84+
In this specification,
85+
when the 'line-height-step' property is used without combination of the 'block-step' property
86+
or the 'line-grid' property,
87+
it produces the similar effect as the East Asian casual vertical rhythm.
88+
89+
For other cases of vertical rhythm,
90+
it is expected that
91+
the 'block-step' property or the 'line-grid' property are used,
92+
or that the 'line-height-step' property is used together with them.
93+
5594
Adjusting Line Box Heights: the 'line-height-step' property {#line-height-step}
5695
===============================================================================
5796

0 commit comments

Comments
 (0)