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

1 第1問

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

A align-items

B flex-direction

C justify-content

D align-content

2 第2問

Flexboxアイテムがコンテナ内で複数行に折り返すようにするには、どのプロパティを使用しますか？

A flex-flow

B flex-wrap

C flex-direction

D order

3 第3問

Flexboxアイテムのサイズが、コンテナ内の利用可能なスペースを埋めるように自動的に調整されるようにするには、どのプロパティを使用しますか？

A width

B flex-grow

C flex-basis

D flex-shrink

4 第4問

Flexboxコンテナ内のアイテムを垂直方向に中央揃えにするために使用できるプロパティは何ですか？

A justify-content

B align-items

C flex-direction

D align-content

5 第5問

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

A flex-direction

B order

C align-self

D flex-grow

6 第6問

flex-basisプロパティの役割は何ですか？

A アイテムの拡大率を設定する

B アイテムの縮小率を設定する

C アイテムの初期サイズを設定する

D アイテムの配置を設定する

7 第7問

Flexboxコンテナにdisplayプロパティで設定する値は何ですか？

A inline

B block

C flex

D grid

8 第8問

align-contentプロパティは、どのような場合に効果を発揮しますか？

A アイテムが1行に収まっている場合

B flex-wrapがnowrapに設定されている場合

C アイテムが複数行に折り返されている場合

D justify-contentが設定されていない場合

9 第9問

Flexコンテナ内のアイテムの主軸に沿った配置を指定するCSSプロパティは何ですか？

A align-items

B justify-content

C align-content

D place-items