From d30e664e2b8bdb7d642ad13d78394e5f3021e182 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 21 Mar 2021 15:21:00 +0900 Subject: Web/CSS/max-height を更新 (#133) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 2021/03/14までの英語版の変更を反映 --- files/ja/web/css/max-height/index.html | 56 ++++++++++++++++++++-------------- 1 file changed, 33 insertions(+), 23 deletions(-) (limited to 'files') diff --git a/files/ja/web/css/max-height/index.html b/files/ja/web/css/max-height/index.html index 6444578585..e1d32ac8fd 100644 --- a/files/ja/web/css/max-height/index.html +++ b/files/ja/web/css/max-height/index.html @@ -4,8 +4,15 @@ slug: Web/CSS/max-height tags: - CSS - CSS Property - - CSS プロパティ + - Layout + - Maximum - Reference + - dimensions + - height + - limit + - max-height + - 'recipe:css-property' + - size translation_of: Web/CSS/max-height ---
{{CSSRef}}
@@ -18,7 +25,7 @@ translation_of: Web/CSS/max-height

max-height は {{cssxref("height")}} を上書きしますが、 {{cssxref("min-height")}} は max-height を上書きします。

-

構文

+

構文

/* <length> 値 */
 max-height: 3.5em;
@@ -38,15 +45,13 @@ max-height: initial;
 max-height: unset;
-

値

+

値

{{cssxref("<length>")}}
max-height を絶対的な値で定義します。
{{cssxref("<percentage>")}}
max-height を包含ブロックの高さに対するパーセント値で定義します。
-
auto
-
ブラウザーは指定された要素の max-height を計算して選択します。
none
ボックスの寸法を制限しません。
max-content
@@ -57,27 +62,33 @@ max-height: unset;
利用可能な空白を指定された引数で置き換えた fit-content 式を使用します。すなわち、 min(max-content, max(min-content, 引数)) です。
-

形式文法

+

アクセシビリティの考慮

+ +

テキストを大きくするためにページを拡大したときに、 max-height を設定した要素が切り取られたり、他のコンテンツを覆い隠したりしないことを確認してください。

+ + + +

公式定義

+ +

{{cssinfo}}

+ +

形式文法

{{csssyntax}} -

例

+

例

+ +

パーセント値とキーワード値を用いた max-height の設定

table { max-height: 75%; }
 
 form { max-height: none; }
-

アクセシビリティの考慮事項

- -

ページを拡大縮小して文字サイズを拡大した際に、 max-height を設定した要素が他のコンテンツを切り捨てたり妨げたりしないことを確認してください。

- - - -

仕様書

+

仕様書

@@ -106,17 +117,16 @@ form { max-height: none; }
-

{{cssinfo}}

- -

ブラウザーの互換性

+

ブラウザーの互換性

- +

{{Compat("css.properties.max-height")}}

-

関連情報

+

関連情報

-- cgit v1.2.3-54-g00ecf