W3C home > Mailing lists > Public > public-css-archive@w3.org > December 2019

Re: [csswg-drafts] [css-lists] A way to control the gap between the marker and the text (#4571)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Sat, 07 Dec 2019 13:55:21 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-562853225-1575726920-sysbot+gh@w3.org>
> What if I want to use the default disc marker?

Theoretically the disc is just a U+2022 character, though in practice browsers just paint a circle without looking at the font. So you won't achieve the same result, but you can e.g. use `list-style-type: "\2022 "` and there will be no gap.

>  I imagine the UA stylesheets would need to have something like `::marker { margin-right: 10px }`

Currently there is no margin, the gap is caused by a space character in the [suffix](https://drafts.csswg.org/css-counter-styles-3/#counter-style-suffix). Once `margin` is supported, the margin will just add extra separation in addition to the space. If you don't want this space you can use `::marker { white-space: normal }`, then it will be collapsible and will disappear in outside markers (not inline ones). You can also get rid of it with `list-style-type` or ::marker's `content`. Consider defining a new `@counter-style` with an empty string suffix.

Also note that it's not exactly `margin-right`, you will want something like `margin-inline-end` but where the `inline-end` is resolved with respect to the list item for `marker-side: mach-self` or the parent for `marker-side: match-parent`.

GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4571#issuecomment-562853225 using your GitHub account
Received on Saturday, 7 December 2019 13:55:23 UTC

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