You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Abstract: The CSS formatting model provides for a flow of elements and text inside of a container to be wrapped into lines. The formatting of elements and text within a line, its positioning in the inline progression direction, and the breaking of lines are described in [[CSS3TEXT]]. This module describes the positioning in the block progression direction both of elements and text within lines and of the lines themselves. This positioning is often relative to a baseline. It also describes special features for formatting of first lines and drop caps. It extends on the model in [[CSS2]].
21
21
Ignored Terms: guru, ji, line-height-shift-adjustment, text-script, after, before
22
+
Link Defaults: css-fonts-3 (property) font-family
22
23
</pre>
23
24
24
25
<h2 id="LineBox">Line box, Line stacking and Content height</h2>
@@ -54,13 +55,11 @@ the boxes that form a line is called a <dfn id="line-box">line box</dfn>.
54
55
<p>The inline-progression dimension ('width' in horizontal flow) of a line box is
55
56
determined by its containing block. The block-progression dimension ('height' in
56
57
horizontal flow) of a line box is determined by the rules given
57
-
in the section on
58
-
<a href="#line-height">line height
59
-
calculations</a>. A line box is generally tall (relative) enough for all of the boxes it
58
+
in the section on line height calculations. A line box is generally tall (relative) enough for all of the boxes it
60
59
contains. However, it may be taller than the tallest box it contains (if, for
61
60
example, boxes are aligned so that baselines line up). The alignment of boxes
<p>Baseline alignment describes the alignment of textual content and based on
846
834
information contained in font tables associated with font resources.
847
-
Additional descriptions for these font tables are provided in thea href="http://www.w3.org/Style/Group/css3-src/css3-fonts/Overview.html">CSS3
835
+
Additional descriptions for these font tables are provided in the <a href="http://www.w3.org/Style/Group/css3-src/css3-fonts/Overview.html">CSS3
848
836
Fonts module</a>.
849
837
850
838
<h3 id="FontBaseline">Baseline information
@@ -1222,7 +1210,7 @@ multiplying the design-space coordinate values by the baseline-table
1222
1210
font-size.
1223
1211
</ol>
1224
1212
1225
-
<p>Because the value of thea href="/TR/REC-CSS2/fonts.html#font-family-prop">'font-family'</a> property is a list of fonts, to
1213
+
<p>Because the value of the 'font-family' property is a list of fonts, to
1226
1214
insure a consistent choice of baseline-table we define the <em>nominal
1227
1215
font</em> in a font list as the first font in the list for which a glyph data
1228
1216
is available. This is the first that could contain a glyph for each character
@@ -1251,7 +1239,7 @@ the baselines the font knows about. In particular, it has the offset from the
1251
1239
glyph's (0,0) point to the baseline identified by the 'alignment-baseline'.
1252
1240
1253
1241
<p>The offset values in the baseline-table are in "design units" which means
1254
-
fractional units of the EM. CSS calls thesea href="/TR/REC-CSS2/fonts.html#descdef-units-per-em">"units-per-em"</a>. Thus,
1242
+
fractional units of the EM. CSS calls these <a href="/TR/REC-CSS2/fonts.html#descdef-units-per-em">"units-per-em"</a>. Thus,
1255
1243
the current 'font-size' is used to determine the actual
1256
1244
offset from the dominant baseline to the alternate baselines.
1257
1245
@@ -1401,7 +1389,7 @@ baseline-table font-size remain the same as that of the parent.
1401
1389
<dt><span class="attr-value">reset-size</span>
1402
1390
1403
1391
<dd>The dominant baseline-identifier and the baseline table remain the same,
1404
-
but the baseline-table font-size is changed to the value of thea href="/TR/REC-CSS2/fonts.html#font-size-props">'font-size'</a> property on this element. This
1392
+
but the baseline-table font-size is changed to the value of the <a href="/TR/REC-CSS2/fonts.html#font-size-props">'font-size'</a> property on this element. This
1405
1393
re-scales the baseline table for the current 'font-size'.
1406
1394
1407
1395
<dt><span class="attr-value">alphabetic</span>
@@ -1643,7 +1631,7 @@ alignment point: the 'alignment-adjust' property</h3>
<dd>Raise (positive value) or lower (negative value) the box by this
2023
2008
distance. The value ''0cm'' means the same as ''baseline''.
@@ -2184,7 +2169,7 @@ alignment: the 'inline-box-align' property</h3>
2184
2169
<tr>
2185
2170
<td><em>Value:</em>
2186
2171
2187
-
<td>initial | last | <a href="/TR/REC-CSS2/syndata.html#percentage-units"><integer></a>
2172
+
<td>initial | last | <<integer>>
2188
2173
2189
2174
<tr>
2190
2175
<td><em>Initial:</em>
@@ -2531,7 +2516,7 @@ Text should be excluded around the glyph bounding boxes of the initial letters:
2531
2516
2532
2517
<h3 id="initial-letter-paragraphs">Interactions of initial letters with surrounding paragraphs</h3>
2533
2518
2534
-
<h4>Raised and sunken caps</h4>
2519
+
<h4 id="raised-sunken-caps">Raised and sunken caps</h4>
2535
2520
2536
2521
An initial letter does not affect the position of its containing element. For “raised caps” or “sunken caps,” the effect is created as if the text around the initial letter was pushed down, rather than the letter extending up into previous elements.
2537
2522
@@ -2542,7 +2527,7 @@ An initial letter does not affect the position of its containing element. For
2542
2527
</figure>
2543
2528
2544
2529
2545
-
<h4>Short paragraphs with initial letters</h4>
2530
+
<h4 id="short-para-initial-letter">Short paragraphs with initial letters</h4>
2546
2531
2547
2532
A paragraph with an initial letter may have fewer lines of text than the initial letter occupies. The initial letter acts as if it is a float, and the subsequent para may wrap around it.
0 commit comments