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
Copy file name to clipboardExpand all lines: css-inline/Overview.bs
+26-5Lines changed: 26 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -350,6 +350,9 @@ This property specifies styling for dropped, raised, and sunken initial letters.
350
350
<dd>This optional second argument argument defines the number of lines the initial letter should sink. Values must be greater than zero. If omitted, it duplicates the first argument, floored to the nearest positive whole number.
351
351
</dl>
352
352
353
+
Issue: Should this be <css>initial-letters</css> (plural) as originally discussed?
354
+
Since it can apply to multiple letters.
355
+
353
356
An <dfn lt="initial letter | initial letter box">initial letter</dfn> is
354
357
a box to which 'initial-letter' applies and is not ''initial-letter/normal'':
355
358
this triggers the special layout considerations described below.
@@ -386,7 +389,24 @@ Issue: Define interaction with Ruby. Easiest is to make it not apply to/within r
386
389
387
390
The 'initial-letter' property does not apply to boxes that are not positioned at the start of the line due to bidi reordering.
388
391
389
-
<h4 id="processing-model">Layout Model</h4>
392
+
<h4 id="initial-letter-properties">
393
+
Properties</h4>
394
+
395
+
The following properties apply to an <a>initial letter</a>:
396
+
397
+
<ul>
398
+
<li>all font properties (see [[CSS3-FONTS]])
399
+
<li>the 'color' and 'opacity' properties (see [[CSS3COLOR]])
400
+
<li>all background properties (see [[CSS3BG]])
401
+
<li>any typesetting properties that apply to inline elements (see [[CSS3TEXT]])
402
+
<li>all text decoration properties (see [[CSS3-TEXT-DECOR]])
403
+
<li>all margin, border and padding properties (see [[CSS21]] and [[CSS3BG]])
404
+
</ul>
405
+
406
+
Issue: Add 'width'/'height' as requested by Tantek... need to integrate with model.
407
+
408
+
<h4 id="initial-letter-model">
409
+
Layout Model</h4>
390
410
391
411
An <a>initial letter</a> is laid out following the steps outlined below:
392
412
@@ -608,7 +628,7 @@ Note: 'initial-letter-wrap' is at risk.
Applies to: <code>::first-letter</code> pseudo-elements and inline-level first child of a block container
614
634
Inherited: yes
@@ -653,7 +673,7 @@ Issue: Do we need an unconditional ''first''?
653
673
<dt><dfn>all</dfn></dt>
654
674
<dd>For each line of text impacted by the initial letter, the line box adjacent to the intial letter starts at the start-most point that touches the ink of the initial letter, plus the amount of the <a>initial letter</a>’s end-side border+padding+margin.</dd>
655
675
656
-
This value is at-risk.
676
+
Note: This value is at-risk.
657
677
658
678
<dt><dfn>grid</dfn>
659
679
<dd>This value is the same as ''none'',
@@ -677,12 +697,13 @@ and 1em represents the typical character advance width for ideographic character
677
697
Note: In this example, the exclusion area for the drop initial
678
698
is larger than its glyph in order to preserve inline-axis alignment.
679
699
680
-
This value is also at-risk.
700
+
Note: This value is also at-risk.
701
+
702
+
681
703
</dl>
682
704
683
705
Issue: Edit figure to show how auto behaves in varying contexts
0 commit comments