CSS基礎 練習問題 19:CSS重なり順の指定
要素の上に他の要素を重ねて表示させたい場合に使う、要素の重なり順を指定するCSSプロパティとして正しいものはどれか。
- z-index: 10;
- layer-order: 10;
- stack-index: 10;
- order-z: 10;
- 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に存在しない