[csswg-drafts] [css-inline] initial-letter should be clearer about how it sinks

chenpighead has just created a new issue for 
https://github.com/w3c/csswg-drafts:

== [css-inline] initial-letter should be clearer about how it sinks ==
>From [the 
spec.](https://drafts.csswg.org/css-inline/#valdef-initial-letter-integer),
 It's not clear  about how an initial letter should sink. I mean, we 
should specify that `an initial-letter's baseline should be aligned 
with the Nth line's baseline, where N is the initial-letter's sink 
argument` or something similar. For example, what would authors like 
to see if we have 
```<p>This line <img> has a tall image.</p>``` with the p having 
initial-letter styles and the img having vertical-align style set to 
top?

Looks like the only implemented vendor, Safari, also has this kind of 
issue. The rendering result of
```
<style>
div {  max-width: 500px; }
p::first-letter {  -webkit-initial-letter: 3 2; }
</style>
<p>Second paragraph <img style="height: 50px; width: 10px; 
vertical-align: top; background-color: blue;"/>with a capital initial 
letter. 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.</p>
```
is as follows:

<img width="512" alt="screen shot 2016-11-18 at 5 12 50 pm" 
src="https://cloud.githubusercontent.com/assets/10356583/20424960/54d44c46-adb3-11e6-8bb7-0fec19cd1c90.png">

It'd be better to clearly specify how an initial letter should sink, 
an example like above would be great.

Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/735 using your GitHub 
account

Received on Friday, 18 November 2016 09:35:47 UTC