【全50問】CSS４択クイズ！画面の幅に応じてデザインを変更する技術を何と呼ぶ？

CSSで背景色を指定するプロパティはどれですか？

1. color
2. background-color
3. text-color
4. border-color

要素の外側の余白を設定するプロパティはどれですか？

1. padding
2. spacing
3. border
4. margin

CSSでフォントサイズを変更するプロパティはどれですか？

1. font-style
2. text-size
3. font-weight
4. font-size

テキストの下線を設定するプロパティはどれですか？

1. text-decoration
2. text-style
3. text-underline
4. text-effect

ボックスの枠線を設定するプロパティはどれですか？

1. outline
2. border
3. frame
4. edge

CSSで要素を中央揃えにするための適切なプロパティはどれですか？

1. text-align
2. align-center
3. center-text
4. justify-content

CSSでリストのマーカー（箇条書き記号）を非表示にするプロパティはどれですか？

1. display-list
2. text-decoration
3. marker-style
4. list-style

親要素に対して相対的な位置に要素を配置するプロパティはどれですか？

1. relative
2. absolute
3. fixed
4. static

ホバー時に要素の色を変えるための疑似クラスはどれですか？

1. :active
2. :focus
3. :hover
4. :checked

CSSで複数のクラスを同じ要素に適用する方法として正しいものはどれですか？

1. クラス名をカンマ（,）で区切る
2. クラス名をドット（.）で区切る
3. クラス名をセミコロン（;）で区切る
4. クラス名をスペースで区切る

CSSで要素の影を設定するプロパティはどれですか？

1. shadow
2. box-shadow
3. text-shadow
4. element-shadow

CSSで横並びの要素を中央揃えにするプロパティの組み合わせとして適切なのはどれですか？

1. display: block; margin: auto;
2. display: inline; text-align: center;
3. display: flex; justify-content: center;
4. display: absolute; align-items: center;

CSSの「z-index」プロパティは何を制御しますか？

1. 要素の幅
2. 要素の高さ
3. 要素の重なり順
4. 要素の透明度

CSSで画面の幅に応じてデザインを変更する技術を何と呼びますか？

1. フルスクリーンデザイン
2. メディアクエリ
3. グリッドレイアウト
4. フレックスボックス

CSSのopacity: 0;を指定すると、要素はどうなりますか？

1. 透明になるが、クリックできる
2. 非表示になり、クリックもできなくなる
3. 透明になるが、スペースは確保される
4. 非表示になり、スペースもなくなる

CSSで「:first-child」が適用されるのはどの要素ですか？

1. 最初の子要素
2. 最初の子要素のテキストノード
3. 最後の子要素
4. 奇数番目の要素

CSSの「vh」と「vw」は何を基準にサイズを指定しますか？

1. 親要素の幅と高さ
2. ビューポート（画面全体）の幅と高さ
3. デバイスの解像度
4. フォントサイズ

CSSで「display: none;」を指定すると、要素はどうなりますか？

1. 非表示になるが、スペースは確保される
2. 透明になるが、クリックできる
3. 完全に非表示になり、スペースもなくなる
4. 画面の外に移動する

CSSで要素の角を丸くするプロパティはどれですか？

1. border-radius
2. border-curve
3. corner-shape
4. round-border

CSSで「overflow: hidden;」を指定すると、どうなりますか？

1. 要素がスクロール可能になる
2. はみ出した部分が隠れる
3. はみ出した部分が縮小される
4. はみ出した部分が別の行に表示される

CSSのvisibility: hidden;を指定すると、要素はどうなりますか？

1. 非表示になり、スペースもなくなる
2. 画面の外に移動する
3. 透明になるが、クリックできる
4. 非表示になるが、スペースは確保される

CSSで指定できる背景画像の繰り返し方法はどれですか？

1. repeat-x, repeat-y, no-repeat, repeat
2. horizontal, vertical, none, full
3. tile-x, tile-y, no-tile, tile
4. x-repeat, y-repeat, off, on

CSSのposition: fixed;の特徴として正しいものはどれですか？

1. 親要素に対して固定される
2. 要素の大きさを変更する
3. 他の要素に応じて動く
4. ビューポート（画面）に対して固定される

CSSでフォントを指定する際に、複数のフォント名をカンマで区切って指定する理由は何ですか？

1. どのフォントが一番合うかCSSが自動で選ぶため
2. ブラウザやOSによって指定フォントが利用できない場合の代替フォントを指定するため
3. すべてのフォントを同時に適用するため
4. フォントの色を変更するため

CSSの「rem」と「em」の違いとして正しいのはどれですか？

1. remはルート要素（html）のフォントサイズを基準にし、emは親要素のフォントサイズを基準にする
2. remは固定サイズで、emは相対サイズである
3. remは単位として使用できない
4. remとemは同じ動作をする

CSSでリンクの未訪問時の色を設定する疑似クラスはどれですか？

1. :hover
2. :visited
3. :link
4. :active

CSSで「cursor: pointer;」を指定すると、マウスカーソルはどのようになりますか？

1. 矢印のまま変化しない
2. テキスト選択のカーソルに変わる
3. 手の形（クリック可能）になる
4. 非表示になる

CSSで「flexbox」を利用する際、要素を縦方向に並べるにはどのプロパティを設定しますか？

1. flex-direction: row;
2. flex-direction: column;
3. align-items: center;
4. justify-content: space-between;

CSSで「grid layout」を使用する場合、親要素に指定するプロパティはどれですか？

1. display: flex;
2. display: block;
3. display: grid;
4. display: table;

CSSのobject-fitプロパティを使用すると、どのようなことができますか？

1. 要素を特定の場所に固定する
2. 画像の枠線を設定する
3. 画像の回転角度を調整する
4. 画像や動画を親要素のサイズに適切にフィットさせる

CSSでテキストの大文字・小文字を変更するプロパティはどれですか？

1. text-decoration
2. text-transform
3. font-style
4. letter-spacing

CSSでボタンをクリックしたときのスタイルを指定する疑似クラスはどれですか？

1. :hover
2. :focus
3. :active
4. :checked

CSSで画像を回転させるプロパティはどれですか？

1. rotate
2. translate
3. skew
4. transform

CSSでdisplay: inline-block;を指定すると、要素の特徴はどうなりますか？

1. 横並びに配置できるが、幅や高さも指定できる
2. 横並びに配置できるが、幅や高さは変更できない
3. ブロック要素のように改行される
4. 完全に非表示になる

CSSでコンテンツの折り返しを防ぐプロパティはどれですか？

1. overflow
2. line-height
3. text-wrap
4. white-space

CSSでグラデーション背景を作成するプロパティはどれですか？

1. gradient-color
2. background-gradient
3. background-image
4. gradient-fill

CSSでリストの番号や記号のスタイルを変更するプロパティはどれですか？

1. list-style
2. text-decoration
3. list-type
4. item-marker

CSSでボタンにアニメーションを追加するためのプロパティはどれですか？

1. animate
2. transition
3. motion
4. transform

CSSで要素の影をぼかす度合いを設定するプロパティはどれですか？

1. shadow-opacity
2. blur-radius
3. box-shadow
4. shadow-blur

CSSで動画や画像を中央寄せにする適切なプロパティはどれですか？

1. margin: auto;
2. text-align: center;
3. align-items: center;
4. float: center;

CSSでテキストの行間を調整するプロパティはどれですか？

1. line-height
2. text-spacing
3. word-spacing
4. letter-spacing

CSSで背景画像を固定してスクロールさせないようにするには、どのプロパティを使用しますか？

1. background-position
2. background-repeat
3. background-size
4. background-attachment

CSSの「nth-child()」疑似クラスを使うと何ができますか？

1. 特定の子要素を選択できる
2. 最初の子要素だけを選択できる
3. 親要素を選択できる
4. 最後の子要素だけを選択できる

CSSで特定のリンクが訪問済みかどうかを判定する疑似クラスはどれですか？

1. :hover
2. :visited
3. :active
4. :focus

CSSでテキストを中央寄せにする方法として適切なのはどれですか？

1. text-align: center;
2. align-text: middle;
3. text-position: center;
4. align-content: center;

CSSでリストの項目を横並びにする方法はどれですか？

1. display: block;
2. display: flex;
3. display: inline-block;
4. display: inline;

CSSの「clip-path」プロパティは何に使用されますか？

1. 要素の背景を変更する
2. 要素を回転させる
3. 要素の透明度を調整する
4. 要素を切り抜く

CSSで「transition」プロパティを使うと何ができますか？

1. 背景画像を変更できる
2. 要素の位置を移動できる
3. スタイルの変化を滑らかにできる
4. 要素を削除できる

CSSで画像をボックス内で均等に収めるためのプロパティはどれですか？

1. image-fit
2. object-fit
3. box-size
4. img-resize

CSSで「order」プロパティを使用すると何ができますか？

1. 要素のテキストの順序を変更できる
2. 要素のサイズを変更できる
3. 要素の背景色を変更できる
4. 要素の表示順序を変更できる