From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/glossary/intrinsic_size/index.html | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 files/ja/glossary/intrinsic_size/index.html (limited to 'files/ja/glossary/intrinsic_size') diff --git a/files/ja/glossary/intrinsic_size/index.html b/files/ja/glossary/intrinsic_size/index.html new file mode 100644 index 0000000000..2bb25e02da --- /dev/null +++ b/files/ja/glossary/intrinsic_size/index.html @@ -0,0 +1,16 @@ +--- +title: Intrinsic size (内在サイズ) +slug: Glossary/Intrinsic_Size +tags: + - CSS + - Glossary + - Intrinsic size +translation_of: Glossary/Intrinsic_Size +--- +

CSS における要素の内在サイズ とは、外部要因が働いていない場合に、その内容に基づく大きさです。例えば、インライン要素は内在的にサイズ変更されます。 widthheight、および垂直方向の余白とパディングは影響を与えませんが、水平方向の余白とパディングには影響を与えます。

+ +

内在サイズの計算方法は、 CSS Intrinsic and Extrinsic Sizing Specification で定義されています。

+ +

内在サイズは要素の min-contentmax-content を考慮します。テキストの場合、min-content のサイズは、テキストがオーバーフローを起こさずインライン方向にできるだけ小さく折り返される場合に、可能な限り自動の折り返しを行います。テキスト文字列を含むボックスの場合、min-content のサイズは最長の単語によって定まります。 {{cssxref("width")}} プロパティの min-content のキーワード値は、min-content のサイズに従い要素のサイズを変更します。

+ +

max-content のサイズはその反対です。— テキストの場合、これは可能な限り広くテキストを表示し、オーバーフローが起こったとしても自動折り返しを行いません。max-content のキーワード値はこの動作をみせます。

-- cgit v1.2.3-54-g00ecf