- From: Gérard Talbot via GitHub <sysbot+gh@w3.org>
- Date: Mon, 16 Apr 2018 21:38:57 +0000
- To: public-css-archive@w3.org
TalbotG has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-multicol] Correct figures 10, 11 and 15 to use H2 standard font-size and margins and make margin belt of H2 element transparent ==
[Example 20, figure 10 in section 6.1 'column-span'](https://drafts.csswg.org/css-multicol/#example-f029f011)
All mainstream browsers have in their user agent style sheet:
`h2 {font-size: 1.5em; margin: 0.83em 0;}` [1]
but figures 10, 11 and 15 use a font-size of 18px (not 24px). Additionally, the vertical margins of the H2 element are painted light gray when the margin belt is - by definition - transparent [2]. This creates confusion and can lead to misinterpretation of the spec.
Proposal:
Figures 10, 11 and 15 should be redone so that H2 element use `{font-size: 1.5em; margin: 0.83em 0;}`. The SVG figures should render a transparent (and not light gray) gap of 19.92px above and below the H2 element.
More info:
[Example 20, Figure 10 of Editor's draft: current and modified](http://www.gtalbot.org/BrowserBugsSection/CSS3Multi-Columns/ModifiedFigure10.xhtml)
[1]: to be more precise
`-webkit-margin-before: 0.83em;`
`-webkit-margin-after: 0.83em;`
and
`margin-block-start: .83em;`
`margin-block-end: .83em;`
is used
[2]
Margin belt is transparent in CSS2.x and CSS3. "Margin backgrounds are always transparent."
https://www.w3.org/TR/CSS22/box.html
There is no `background-clip: margin-box` in CSS3.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2580 using your GitHub account
Received on Monday, 16 April 2018 21:39:02 UTC