Re: [csswg-drafts] [css-inline-3] Initial-letters layout can be improved (#5015)

Not at all - the dropped initial letters make it easier to illustrate the alignment points, that's all.

If you want a raise initial letter, it's no different. For example, lets assume you're dealing with english text and you want it to look like this:
![image](https://user-images.githubusercontent.com/989243/80474668-a3118200-893f-11ea-8b7f-760cb1550575.png)

 With the current spec you would do:
```css
p::first-letter {
    initial-letters: 3 1;
}
```
This would align the alphabetic baseline of the first letter, with the alphabetic baseline of the first line. That's exactly how you align regular text, of course - there's no "shift" involved, it's just a big letter at the start of the first line. So how would that look?
```css
p::first-letter {
    initial-letters: 3;
}
```
No need to specify any shift. The letter is where it would be with normal alignment.

I don't think I'm proposing anything radical. We already have the `baseline-shift` property to move inline content up and down, and the `alignment-baseline` property to align it - they're normally combined into the `vertical-align` shorthand. All I'm trying to demonstrate is that:

1. they can be used for initial-letters with no loss of functionality
2. doing so makes the process more consistent with the rest of css-inline, and loses some of the limitations we currently have with the layout model.


-- 
GitHub Notification of comment by faceless2
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5015#issuecomment-620511183 using your GitHub account

Received on Tuesday, 28 April 2020 10:10:02 UTC