CSS height| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

height CSS プロパティとは

トピック：要素のコンテンツ領域の高さを指定する ことができる コンテンツ領域には、パディング、枠線、または余白は含まれませんCSSボックスモデルを参照 。

プロパティ height

実例 コード 1

サンプル コードを試す
  • p {
  •     height: 50px;
  •     background-color: #f0e68c;
  • }

プロパティ 定義と使用法

デフォルト値・初期値 :auto
適用対象 :次の要素を除く全要素：非置換インライン要素、テーブルの列、列グループ
継承 :不可
パーセンテージ :パーセンテージは包含ブロックの高さ基準。包含ブロックの高さが明示されず（＝コンテンツの高さ依存の場合）、この要素が絶対位置指定されていないなら、値は auto になりる ルート要素で高さをパーセンテージ指定すると、初期包含ブロックに相対的になりる
メディア :visual
CSS Version CSS1 ～
計算値 :パーセンテージ、auto、絶対的な長さのいずれか
JavaScript 構文 object.style.height="funWebref"
アニメーションの種類 :length または percentage, calc();
正規順序 :形式文法で定義される一意のあいまいでない順序
CSSの構文height: auto |length |initial |inherit;

プロパティ値

値説明
length(長さ)長さ値と高さを指定するpx、pt、cm、em、などの負の長さの値は許されない
percentage(パーセント)高さをパーセンテージで指定する パーセンテージは、要素を含むブロックの高さに対して計算される 負のパーセント値は許可されない
autoブラウザは、他のプロパティの値に基づいて、指定された要素の高さを計算する これはデフォルト値です。
initialこのプロパティをデフォルト値に設定する
inherit親要素からこのプロパティを継承する

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
heightChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯12フルサポート◯1フルサポート◯4フルサポート◯7フルサポート◯1
fillフルサポート◯46 不明 不明 不明 不明 不明
fit-contentフルサポート◯46 不明 不明 不明 不明 不明
max-contentフルサポート◯46 不明 不明 不明 不明 不明
min-contentフルサポート◯46 不明 不明 不明 不明 不明

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
heightAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯1フルサポート◯1フルサポート◯ありフルサポート◯4フルサポート◯1フルサポート◯1フルサポート◯あり
fillフルサポート◯46フルサポート◯46 不明 不明 不明 不明フルサポート◯5.0
fit-contentフルサポート◯46フルサポート◯46 不明 不明 不明 不明フルサポート◯5.0
max-contentフルサポート◯46フルサポート◯46 不明 不明 不明 不明フルサポート◯5.0
min-contentフルサポート◯46フルサポート◯46 不明 不明 不明 不明フルサポート◯5.0
：height 関連記事
CSS height| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS height | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS