【CSS】displayプロパティの2値構文ってなに？新しい記述方法について解説！ | ビジネスとIT活用に役立つ情報（株式会社アーティス）

displayはなじみのあるプロパティですが、最近、値の指定方法に新しく2値構文がサポートされました。 普段display: block;やdisplay: flex;など単一の値を指定して使っているかと思いますが、2つの値が入れられるようになってどんな変化があるのか。 今回はdisplayの新しい値の指定方法である2値構文について解説いたします。 displayプロパティの役割り まずdisplayプロパティについて、基本的な情報を確認しておきましょう。 displayプロパティにはふたつの役割りが存在します。 一つはその要素がフローレイアウトに対する振る舞いを指定する役割り。つまりblock要素かinline要素かを指定することができます。 block要素はボックスを形成し、要素は縦に並んでいきます。inline要素は要素の前後に改行を挟まず、要素は横に並んでいきます。 もう一つの役割

[toaruR]

flow-root