Flexboxマスターへの道！CSSレイアウト力診断クイズ - プレイ中

1 第1問

Flexboxコンテナ内のアイテムの配置方向を決定するプロパティは何ですか？

A justify-content

B flex-direction

C align-items

D flex-wrap

2 第2問

flex-wrapプロパティのデフォルト値は何ですか？

A wrap

B nowrap

C wrap-reverse

D initial

3 第3問

flexアイテムの主軸に沿った配置を制御するプロパティは何ですか？

A align-items

B align-content

C justify-content

D place-content

4 第4問

flexアイテムの交差軸に沿った配置を制御するプロパティは何ですか？

A justify-content

B align-items

C flex-direction

D flex-wrap

5 第5問

複数の行を持つflexコンテナの行間のスペースを制御するプロパティは何ですか？

A align-items

B justify-content

C align-content

D justify-items

6 第6問

flexアイテムがコンテナ内で占めるスペースの割合を指定するプロパティは何ですか？

A flex-direction

B flex-wrap

C flex-grow

D align-self

7 第7問

flexアイテムが縮小する能力を指定するプロパティは何ですか？

A flex-grow

B flex-basis

C flex-shrink

D align-self

8 第8問

flexアイテムの初期サイズを指定するプロパティは何ですか？

A flex-grow

B flex-shrink

C flex-basis

D align-self

9 第9問

個々のflexアイテムの交差軸に沿った配置を上書きするプロパティは何ですか？

A align-items

B justify-content

C align-self

D justify-self

10 第10問

flexプロパティのショートハンドで、`flex: 1 0 auto;` は何を意味しますか？

A flex-grow: 0, flex-shrink: 1, flex-basis: auto

B flex-grow: 1, flex-shrink: 1, flex-basis: 0

C flex-grow: 1, flex-shrink: 0, flex-basis: auto

D flex-grow: 1, flex-shrink: auto, flex-basis: 0