CSS - height - とほほのWWW入門

属性名	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>

表示

CSS - height