Qraft(クラフト) 資格・学習クイズアプリ

CSS基礎 練習問題 19:CSS重なり順の指定

要素の上に他の要素を重ねて表示させたい場合に使う、要素の重なり順を指定するCSSプロパティとして正しいものはどれか。

  1. z-index: 10;
  2. layer-order: 10;
  3. stack-index: 10;
  4. order-z: 10;
  5. depth: 10;
正解と解説を見る
正解:z-index: 10;

要素の重なり順(前後関係)を指定するCSSプロパティはz-indexであり、数値が大きいほど前面に表示されます。

【正解の理由】
z-indexはpositionプロパティがstatic以外(relative、absolute、fixed、stickyなど)に設定された要素に対して有効となり、値が大きいほど手前に重なって表示されます。

【不正解の理由】
• 「layer-order: 10;」:layer-orderというプロパティ自体がCSSに存在しない
• 「stack-index: 10;」:stack-indexというプロパティ自体がCSSに存在しない
• 「order-z: 10;」:order-zというプロパティ自体がCSSに存在しない(orderはフレックスやグリッドの並び順を指定する別のプロパティ)
• 「depth: 10;」:depthというプロパティ自体がCSSに存在しない

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)