CSS基礎 練習問題 61：要素の表示形式の変更
インライン要素（リンクやテキストなど）に対して幅や高さを指定できるよう、表示形式をブロックレベルに変更したい場合、正しいCSSの書き方はどれか。
- display: block;
- display: inline;
- display: flex;
- display: grid;
- display: none;
正解と解説を見る
正解：display: block;
インライン要素に幅や高さを指定できるようにするためには、表示形式をブロック要素に変更する「display: block;」が正解です。
【正解の理由】
「display: block;」を指定すると、要素は横幅いっぱいに広がるブロックレベルの挙動になり、幅や高さ、上下の余白が自由に設定できるようになります。
【不正解の理由】
• 「display: inline;」は、要素をテキストの一部のように扱うインライン要素にするため、幅や高さの指定が効きません
• 「display: flex;」は、Flexbox（＝柔軟にレイアウトを組むための仕組み）のコンテナとして要素を定義するもので、単にブロック要素にする目的とは異なります
• 「display: grid;」は、Grid（＝格子状に要素を配置する仕組み）のコンテナにするための指定です
• 「display: none;」は、要素を画面のレイアウト上から完全に消し去って非表示にする指定です