CSSの「display: block;」が「display: block flow;」になる、displayプロパティで2値構文がサポートされます

CSSのdisplayプロパティはよく使用すると思います。値にflex, gridを設定したり、ブロックやインラインにしたい時にblock, inlineを設定します。 そんなdisplayプロパティで2つのキーワードを値として設定できる2値構文がサポートされます。すでにSafariとFirefoxにサポートされており、ChromeとEdgeは7月リリース予定の115でサポートされます。

[coliss]

CSSのdisplayプロパティで2つのキーワードを値として設定できる2値構文がサポートされます。

[JackP]

2値構文好き。今までボックスの外側と内側で整形コンテキストが分かれる display の値はたびたび仕様を確認してたけどひと目で分かるのは嬉しい（これはJS部分の代替でもなく用語と指定方法が整理されたくらいですね〜）

[w_bonbon]

ここ最近の新機能を駆使しまくったCSSって相当難読な物になる気がして何を目指しているのか分からなくなる時がある。JSが担ってた部分までピュアCSSだけでやろうとしすぎてないだろうか。。

[y-kawaz]

Chromeの実装が最後って珍しいパターンな気がする。

[tinsep19]

divが減るのかな？減りそうな気がする。

[Kototy25]

メリットがいまいちわからない…実装してみたらなんかわかるかなぁ

[umai_bow]

なるほど

[masa8aurum]

“display: flex;はdisplay: block flex;になります。” / 一部ブコメを見た感じ、記事があとから修正された？

[cl-gaku]

ええ…

[nekoline]

IEがお亡くなりになってから進化がめちゃくちゃ激しく感じるなぁ。

[bocuno]

"display: flex;はdisplay: block;になります"／え？長らくマークアップの現場から離れてるので初めて知ったんだけど。これ今までの記述どうなるん？

[nicht-sein]

display:ruby なんてものがあるのをここで初めて知った人

[Shinwiki]

うざ

[udddbbbu]

“display: flex;はdisplay: block;になります。”ちょっと何いってるかわからない

[Lhankor_Mhy]

え、Chromeまだ対応してなかったのか

[Helfard]

ニッチな構文かな？

[szmk]

“2値構文”