W3C home > Mailing lists > Public > public-css-archive@w3.org > November 2016

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

From: Jeremy <sysbot+gh@w3.org>
Date: Fri, 18 Nov 2016 09:35:40 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-190274141-1479461738-sysbot+gh@w3.org>
chenpighead has just created a new issue for 

== [css-inline] initial-letter should be clearer about how it sinks ==
>From [the 
 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 

Looks like the only implemented vendor, Safari, also has this kind of 
issue. The rendering result of
div {  max-width: 500px; }
p::first-letter {  -webkit-initial-letter: 3 2; }
<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 
initial letter was pushed down, rather than the letter extending up 
 previous elements.</p>
is as follows:

<img width="512" alt="screen shot 2016-11-18 at 5 12 50 pm" 

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 
Received on Friday, 18 November 2016 09:35:47 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:05 UTC