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

1 第1問

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

A align-items

B flex-direction

C justify-content

D order

2 第2問

Flexboxコンテナの主軸に沿ってアイテムをどのように配置するかを制御するプロパティは何ですか？

A align-items

B flex-wrap

C align-content

D justify-content

3 第3問

Flexboxコンテナ内のアイテムが複数行に折り返すかどうかを制御するプロパティは何ですか？

A flex-direction

B justify-content

C align-items

D flex-wrap

4 第4問

Flexboxアイテムの順番をCSSで変更するために使用するプロパティは何ですか？

A flex-grow

B flex-shrink

C flex-basis

D order

5 第5問

Flexboxアイテムがコンテナ内で利用可能なスペースをどのように埋めるかを制御するプロパティは何ですか？

A flex-shrink

B flex-basis

C align-self

D flex-grow

6 第6問

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

A flex-grow

B flex-shrink

C align-items

D flex-basis

7 第7問

Flexboxアイテムがコンテナの交差軸に沿ってどのように配置されるかを個別に制御するプロパティは何ですか？

A justify-content

B align-content

C flex-wrap

D align-self

8 第8問

Flexboxコンテナで、複数行のアイテムの交差軸に沿ったスペース配分を制御するプロパティは何ですか？

A align-items

B justify-content

C align-self

D align-content

9 第9問

以下のうち、`display`プロパティに設定することで要素をFlexboxコンテナにする値はどれですか？

A inline

B block

C inline-block

D flex

10 第10問

Flexboxアイテムが、コンテナのサイズ縮小に応じて、どの程度縮小するかを制御するプロパティは何ですか？

A flex-grow

B flex-basis

C align-self

D flex-shrink