HTMLheightとは?heightプロパティ(高さ)の説明をしていきます。heightもwidthと同じ3つの値を取り、初期値はautoになります。各値の決まり方が少しずつ異なるので1つずつ説明していきます。【値としては以下があります】height:auto⇒これが初期値です。CSSで指定しない限り、要素の幅は自動で決められることになります。⇒数値にpxなどの単位をつけて指定します。実際に表示されるサイズは72dpiや96dpiといったモニタの解像度により変化します。auto;】とくにCSSで指定しない限り、要素のheightの値はautoとなり、高さが自動で決まります。autoは縦幅最大には広がりません。文字や画像などの要素の中身の分だけの高さになります。<p>これは子要素です。⬆︎青色に塗られた部分が要素です。autoは要素分だけの高さになっていることが分かりますね。◯◯px;での指定方法heightをpx単位で指定してみましょう。実際に例を見るのが分かりやすいかと思います。さきほどの例と同じコードで、要素の高さを小さくしたり、大きくしたりしてみましょう。<p>これは子要素です。さを要素の下側に余裕ができました。<p>これは子要素です。高さの値が中身の高さ分よりも小さくなったため、子要素がはみ出てしまいました。heightをpxを指定するときは、中身がはみ出てしまわないようにしっかり値を設定しましょう。実際にウェブサイトを作ってみると分かりますが、高さを%で指定することはほとんどありません。高さを%で指定するのは難しいです。height:◯◯%】heightの%指定では親要素のheightに対する比率になります。親要素の高さが500pxのときにheight:50%とすると高さは250pxになります。【表示例】オレンジが子要素、青が親要素になります。いないと、%指定はできないとおぼえておきましょう。heightの使い方についてでした以上がheightの説明になります、このようにheightを使うことで任意の幅でテキストや画像の高さを指定するこが可能になります。widthと併用することでさらに編集の幅が広がります。他にもHTML、CSSには多くの要素があります。これからもHTML、CSSについて記事を掲載していきます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。technology.。