演習課題「ボックスの横幅と高さを設定しよう」
現在、ブラウザでは、霧島京子、六村リオ、緑川つばめと表示されています。
ここでwidthプロパティとheightプロパティを用いて、article要素におけるボックスの横幅と高さをそれぞれ150px、600pxに設定してください。
採点の前にはファイルを保存してください。
採点して、ジャッジに正解すれば演習課題クリアです！
※コードの2行目以降に@charset "UTF-8";が記述されていると、左側に×と表示されることがあります。これは本来@charset "UTF-8";を1行目に記述すべきだと知らせているものです。採点には問題ありませんが、ブラウザによってはCSSが正しく表示されないことがあるため1行目に記述するとよいでしょう。
※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
＃06:ボックスの横幅と高さ(width/height)
このチャプターでは、ボックスの横幅と高さを学習します。
ボックス自体の横幅と高さは、それぞれwidthプロパティとheight>プロパティで指定できます。
初期状態ではそれぞれのプロパティの値はautoで処理されており、横幅はブラウザ画面や親要素に合わせたサイズで、高さはボックス内のコンテンツに合わせたサイズで表示されています。
@charset "UTF-8";
article {
width: 100px;
height: 400px;
background-color: yellow;}