今日の小さなアウトプット4 高さと幅

小さなアウトプット4　高さ　と　幅

 

どうも、ぱぺまぺです。

今日は、高さと幅をいじってみます。

背景色をテキトーにつけましたが、幅も高さもなにも設定していない状態です。

See the Pen
MdGrZz by ぱぺまぺ@社畜✕投資✕ブロガー (@ppmp65)
on CodePen.

これですね。

⬆の右側の、0.5x、もしくは0.25xをクリックすれば、画面が縮小されて全体を確認できます。

リストの背景色青色はずっと→のほうまで続いています。

これの幅を指定することができます。

横幅は、width。

高さは、height　を使います。

See the Pen
NVMXoy by ぱぺまぺ@社畜✕投資✕ブロガー (@ppmp65)
on CodePen.

 

数字は適当ですが、高さはわかりやすくするためにリスト外まで伸ばしてみました。

ちなみにリストよりも高さを短くすることができます。

 

このように、height、widthを使用すると高さと幅を弄ることができます。

 

ここまで読んでくださりありがとうございました。