W3C home > Mailing lists > Public > public-css-archive@w3.org > September 2017

[csswg-drafts] [css21][css-inline] Position of the baseline inline-level boxes with non normal line-height

From: Florian Rivoal via GitHub <sysbot+gh@w3.org>
Date: Mon, 11 Sep 2017 12:40:34 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-256688017-1505133625-sysbot+gh@w3.org>
frivoal has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css21][css-inline] Position of the baseline inline-level boxes with non normal line-height ==
**This is part of the #1796 series. Read that issue for context**

----
1.

All browsers (Safari, Chrome, FF, Edge) agree, that the position of the baseline within an inline level box with the line-height property set to something other than normal **does not depend on on fallback fonts**.

[Test source](https://github.com/frivoal/web-platform-tests/blob/line-height-experiments/css/css-line-height/line-height-002.html)
[Ref source](https://github.com/frivoal/web-platform-tests/blob/line-height-experiments/css/css-line-height/reference/line-height-002-ref.html)
[Live test](https://rawgit.com/frivoal/web-platform-tests/line-height-experiments/css/css-line-height/line-height-002.html)
[Live ref](https://rawgit.com/frivoal/web-platform-tests/line-height-experiments/css/css-line-height/reference/line-height-002-ref.html)

----
2.

All browsers (Safari, Chrome, FF, Edge) agree, that the position of the baseline within an inline level box with the line-height property set to something other than normal **is set based on the primary the primary font**.

[Test source](https://github.com/frivoal/web-platform-tests/blob/line-height-experiments/css/css-line-height/line-height-003.html)
[Ref source](https://github.com/frivoal/web-platform-tests/blob/line-height-experiments/css/css-line-height/reference/line-height-003-ref.html)
[Live test](https://rawgit.com/frivoal/web-platform-tests/line-height-experiments/css/css-line-height/line-height-003.html)
[Live ref](https://rawgit.com/frivoal/web-platform-tests/line-height-experiments/css/css-line-height/reference/line-height-003-ref.html)

----
1+2 => This is the blue behavior in [this diagram](https://lists.w3.org/Archives/Public/www-archive/2017Apr/att-0008/IMG_20170421_173959.jpg).

We should spec that.

----
3.

More specifically, all browsers (Safari, Chrome, FF, Edge) agree that the position of the baseline within an inline level box with the line-height:normal and in a inline-level box with the line-height  property manually set to the height you'd get with `line-heigh:normal` (assuming only the primary font is used) are the same.

This is unsurprising, but it is good to have it confirmed.

[Test source](https://github.com/frivoal/web-platform-tests/blob/line-height-experiments/css/css-line-height/line-height-004.html)
[Ref source](https://github.com/frivoal/web-platform-tests/blob/line-height-experiments/css/css-line-height/reference/line-height-004-ref.html)
[Live test](https://rawgit.com/frivoal/web-platform-tests/line-height-experiments/css/css-line-height/line-height-004.html)
[Live ref](https://rawgit.com/frivoal/web-platform-tests/line-height-experiments/css/css-line-height/reference/line-height-004-ref.html)

(Note: current stable Safari fails this test, but nightlies pass it).

---

However, see #1798 for a possible exception to point 2 and 3.




Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1801 using your GitHub account
Received on Monday, 11 September 2017 12:40:32 UTC

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