Skip to content

Commit 3ace90c

Browse files
committed
[css-inline] Add list of properties that apply to initial letters, as rightly requested by Tantek
1 parent ede46fb commit 3ace90c

2 files changed

Lines changed: 440 additions & 1086 deletions

File tree

css-inline/Overview.bs

Lines changed: 26 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -350,6 +350,9 @@ This property specifies styling for dropped, raised, and sunken initial letters.
350350
<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.
351351
</dl>
352352

353+
Issue: Should this be <css>initial-letters</css> (plural) as originally discussed?
354+
Since it can apply to multiple letters.
355+
353356
An <dfn lt="initial letter | initial letter box">initial letter</dfn> is
354357
a box to which 'initial-letter' applies and is not ''initial-letter/normal'':
355358
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
386389

387390
The 'initial-letter' property does not apply to boxes that are not positioned at the start of the line due to bidi reordering.
388391

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>
390410

391411
An <a>initial letter</a> is laid out following the steps outlined below:
392412

@@ -608,7 +628,7 @@ Note: 'initial-letter-wrap' is at risk.
608628

609629
<pre class="propdef">
610630
Name: <dfn id="propdef-initial-letter-wrap">initial-letter-wrap</dfn>
611-
Value: none | first | all | auto | grid
631+
Value: none | first | all | grid
612632
Initial: none
613633
Applies to: <code>::first-letter</code> pseudo-elements and inline-level first child of a block container
614634
Inherited: yes
@@ -653,7 +673,7 @@ Issue: Do we need an unconditional ''first''?
653673
<dt><dfn>all</dfn></dt>
654674
<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>
655675

656-
This value is at-risk.
676+
Note: This value is at-risk.
657677

658678
<dt><dfn>grid</dfn>
659679
<dd>This value is the same as ''none'',
@@ -677,12 +697,13 @@ and 1em represents the typical character advance width for ideographic character
677697
Note: In this example, the exclusion area for the drop initial
678698
is larger than its glyph in order to preserve inline-axis alignment.
679699

680-
This value is also at-risk.
700+
Note: This value is also at-risk.
701+
702+
681703
</dl>
682704

683705
Issue: Edit figure to show how auto behaves in varying contexts
684706

685-
686707
<div class="example">
687708
<pre>
688709
p::first-letter {

0 commit comments

Comments
 (0)