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

1 第1問

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

A align-items

B flex-direction

C justify-content

D flex-wrap

2 第2問

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

A align-items

B flex-direction

C justify-content

D flex-wrap

3 第3問

Flexboxコンテナ内のアイテムが、コンテナの高さ方向にどのように配置されるかを指定するプロパティは何ですか？

A align-items

B justify-content

C flex-direction

D flex-wrap

4 第4問

Flexboxアイテムがコンテナ内で複数の行に折り返すことを許可するプロパティは何ですか？

A flex-direction

B justify-content

C align-items

D flex-wrap

5 第5問

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

A order

B flex-grow

C flex-shrink

D flex-basis

6 第6問

Flexboxアイテムが、コンテナ内の利用可能なスペースを埋めるために拡大する割合を指定するプロパティは何ですか？

A order

B flex-grow

C flex-shrink

D flex-basis

7 第7問

Flexboxアイテムが、コンテナのスペースが足りない場合に縮小する割合を指定するプロパティは何ですか？

A order

B flex-grow

C flex-shrink

D flex-basis

8 第8問

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

A order

B flex-grow

C flex-shrink

D flex-basis

9 第9問

Flexboxコンテナを作成するために、親要素に適用するCSSプロパティは何ですか？

A display: block;

B display: inline;

C display: flex;

D display: grid;

10 第10問

複数の行に折り返されたFlexboxアイテムを、交差軸に沿ってどのように配置するかを指定するプロパティは何ですか？

A align-items

B justify-content

C align-content

D flex-wrap