CSS基礎 練習問題 15:CSS幅の指定(widthのパーセンテージ指定)
要素の横幅を親要素の50%に設定したい場合、正しいCSSの書き方はどれか。
- div { width: 50%; }
- div { width: 50; }
- div { size: 50%; }
- div { width: half; }
- div { max-width: 50; }
正解と解説を見る
正解:div { width: 50%; }
widthプロパティにパーセンテージを指定すると、親要素の幅に対する割合でサイズを設定できるため『width: 50%;』が正しい。『width: 50;』は単位が付いておらず無効な値となる。『size: 50%;』はCSSに要素の幅を指定するプロパティとして存在しない。『width: half;』のようにキーワードで割合を指定することはできず無効な値である。『max-width: 50;』は単位が付いていないため無効な値であり、また最大幅を制限するプロパティであって幅そのものを固定するものではない。