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

1 第1問

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

A align-items

B flex-direction

C justify-content

D align-content

2 第2問

flex-directionの初期値は何ですか？

A column

B row

C column-reverse

D row-reverse

3 第3問

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

A align-items

B align-content

C justify-content

D flex-wrap

4 第4問

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

A flex-direction

B justify-content

C align-items

D flex-wrap

5 第5問

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

A justify-content

B flex-direction

C align-items

D flex-wrap

6 第6問

flexアイテムの並び順をCSSで変更するには、どのプロパティを使用しますか？

A flex-direction

B justify-content

C align-items

D order

7 第7問

flexコンテナを作成するために、CSSプロパティは何を設定しますか？

A display: block;

B display: inline;

C display: flex;

D display: grid;

8 第8問

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

A アイテムの最大サイズ

B アイテムの最小サイズ

C アイテムの初期サイズ

D アイテムの配置

9 第9問

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

A justify-content

B align-items

C flex-wrap

D align-content

10 第10問

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

A order

B sort

C flex-direction

D align-items