CSS - height

トップ > CSSリファレンス > height

概要

属性名 height
<length> | <percentage> | auto | min-content | max-content | fit-content
初期値auto
適用可能要素すべての要素
継承継承しない
メディアvisual
サポート https://caniuse.com/mdn-css_properties_height
https://caniuse.com/intrinsic-width

説明

要素の高さを指定します。

説明
<length>高さを 100px や 10em のような長さの単位で指定します。
<percentage>高さを 300% のようなパーセントで指定します。
auto高さを自動計算します。
min-contentコンテンツ中の最も長い単語の長さとなります。縦書きの場合に有効です。
max-contentコンテンツ中の文章が改行されない場合の長さとなります。縦書きの場合に有効です。
fit-contentコンテンツ中の文章が改行されない場合の長さとなります。ただし親要素の高さを超えることはありません。縦書きの場合に有効です。

使用例

CSS
.sample {
    height: 100px;
    width: 100px;
    border: 1px solid gray;
    background-color: #cc9999;
    margin: 1em;
}
HTML
<div class="sample"></div>
表示

関連項目

width, height, min-width, min-height, max-width, max-height

リンク


Copyright (C) 1997-2023 杜甫々
初版:1997年7月27日、最終更新:2023年5月7日
http://www.tohoho-web.com/css/prop/height.htm