【CSS】displayプロパティに2つ値が入るってマジ！？ どゆこと！？ - Qiita

はじめに みなさんは、CSSのdisplayプロパティを知っていますか？ CSSを扱う上で、一番使うのがdisplayプロパティではないのでしょうか？ 最近では、display: flex; や display: grid; が追加され、いろいろなレイアウトが作りやすくなったのは、記憶に新しいかと思います。 そんな中で、CSS Display Module Level 3で、displayプロパティに2つの値を入れることができるようになることがわかりました。 ※ まだ、Firefox 70以上・Safari 15以上でのみ再現できます。(2022年１月20日) そのため、この記事では、displayプロパティに2つの値を入れられることについて解説しようと思います。 背景 まずは、displayプロパティに2つの値を入れられるようにした背景について解説します。 最近displayプロパティに

[rryu]

今は自身の振る舞いと子要素の振る舞いを掛け合わせた inline-flex みたいな値を用意して凌いでいるが、種類が増えると掛け合わせが爆発するので今のうちに別々に指定できる様にしたということなのか。

[strawberryhunter]

ちゃんと整理されているんだな。

[cartman0]

またややこしいな