Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support CSS two-value display syntax #5147

Open
isochronous opened this issue Oct 23, 2019 · 5 comments
Open

Support CSS two-value display syntax #5147

isochronous opened this issue Oct 23, 2019 · 5 comments

Comments

@isochronous
Copy link

https://www.smashingmagazine.com/2019/04/display-two-value/

@Flimm
Copy link

Flimm commented Sep 30, 2020

Here's another article that talks about two-value display syntax: https://hacks.mozilla.org/2019/10/the-two-value-syntax-of-the-css-display-property/

@Schweinepriester
Copy link
Contributor

Now in Safari TP 125, https://webkit.org/blog/11680/release-notes-for-safari-technology-preview-125/:

Added support for CSS display 2-value syntax (e.g. display: inline flex ) (r276293)

@Malvoz
Copy link
Contributor

Malvoz commented May 26, 2021

@Schweinepriester
Copy link
Contributor

@Malvoz Ah, nice, thanks! Then this can be closed. Tried to find that, but didn't since I only searched for two value. Curious why MDN chose "Multi-keyword"…?

@Malvoz
Copy link
Contributor

Malvoz commented May 26, 2021

@Schweinepriester I was specifically searching CanIUse for MDN data using the display keyword and unticking the Caniuse checkbox. 😋

It's multi-keyword as opposed to "two-value" because it isn't restricted to only 2 display values.
The spec shows that the display: block flow list-item declaration can be used to generate a block box with additional marker box for example. I.e. one of each <display-outside>, <display-inside> and <display-listitem>.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants