Flexboxマスターへの道！キミのCSSレイアウトスキルを試そう！ - プレイ中

1 第1問

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

A justify-content

B flex-direction

C align-items

D flex-wrap

2 第2問

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

A wrap

B wrap-reverse

C nowrap

D initial

3 第3問

flexアイテムのコンテナ内での垂直方向の配置を制御するプロパティは何ですか？

A justify-content

B flex-direction

C align-items

D flex-wrap

4 第4問

flex-growプロパティは何を制御しますか？

A flexアイテムの初期サイズ

B flexアイテムが縮小する割合

C flexアイテムが拡大する割合

D flexアイテムの配置

5 第5問

flex-shrinkプロパティは何を制御しますか？

A flexアイテムの初期サイズ

B flexアイテムが縮小する割合

C flexアイテムが拡大する割合

D flexアイテムの配置

6 第6問

flex-basisプロパティは何を定義しますか？

A flexアイテムの配置

B flexアイテムの最大サイズ

C flexアイテムの最小サイズ

D flexアイテムの初期サイズ

7 第7問

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

A flex-grow: 1; flex-shrink: 1; flex-basis: 0;

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

C flex-grow: 1; flex-shrink: 1; flex-basis: auto;

D flex-grow: 0; flex-shrink: 1; flex-basis: 0;

8 第8問

flexコンテナ内のアイテムの順序を変更するために使用されるプロパティは何ですか？

A order

B z-index

C position

D float

9 第9問

justify-contentプロパティの`space-around`値は何をしますか？

A アイテムをコンテナの中央に配置する

B アイテムをコンテナの端に寄せる

C アイテムの間に均等なスペースを配置し、両端にもスペースを配置する

D アイテムの間に均等なスペースを配置するが、両端にはスペースを配置しない

10 第10問

align-contentプロパティは、どのような場合に効果がありますか？

A flex-directionがrowの場合

B flex-wrapがnowrapの場合

C flexコンテナ内に複数の行がある場合

D flexアイテムが1つしかない場合