diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-11-16 10:16:30 +0900 |
|---|---|---|
| committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-11-24 08:28:57 +0900 |
| commit | b878d4a1cf8abdbaef200f64391ed6af2d80c2a6 (patch) | |
| tree | 67646d52152e63c49ac2cbfc4f5971cbd283fc6f /files/ja/web/css/fit-content/index.md | |
| parent | 6d0dda3295c6f3ffc906e64b9706dcdb10a731f8 (diff) | |
| download | translated-content-b878d4a1cf8abdbaef200f64391ed6af2d80c2a6.tar.gz translated-content-b878d4a1cf8abdbaef200f64391ed6af2d80c2a6.tar.bz2 translated-content-b878d4a1cf8abdbaef200f64391ed6af2d80c2a6.zip | |
CSS Box Sizing 関連のリファレンスを更新
- 2021/11/14 時点の英語版に同期
Diffstat (limited to 'files/ja/web/css/fit-content/index.md')
| -rw-r--r-- | files/ja/web/css/fit-content/index.md | 31 |
1 files changed, 16 insertions, 15 deletions
diff --git a/files/ja/web/css/fit-content/index.md b/files/ja/web/css/fit-content/index.md index 79b6973c55..55ae0ae788 100644 --- a/files/ja/web/css/fit-content/index.md +++ b/files/ja/web/css/fit-content/index.md @@ -3,30 +3,31 @@ title: fit-content slug: Web/CSS/fit-content tags: - CSS - - Keyword - - Reference - - Web + - キーワード + - リファレンス + - ウェブ - fit-content browser-compat: css.properties.width.fit-content +translation_of: Web/CSS/fit-content --- {{CSSRef}} -The **`fit-content`** behaves as `fit-content(stretch)`. In practice this means that the box will use the available space, but never more than {{cssxref("max-content")}}. +**`fit-content`** は `fit-content(stretch)` として動作します。実際には、ボックスは利用可能な空間を使用しますが、{{cssxref("max-content")}} 以上にはならないことを意味します。 -When used as laid out box size for {{cssxref("width")}}, {{cssxref("height")}}, {{cssxref("min-width")}}, {{cssxref("min-height")}}, {{cssxref("max-width")}} and {{cssxref("max-height")}} the maximum and minimum sizes refer to the content size. +{{cssxref("width")}}, {{cssxref("height")}}, {{cssxref("min-width")}}, {{cssxref("min-height")}}, {{cssxref("max-width")}}, {{cssxref("max-height")}} のレイアウトされたボックスの大きさとして使用される場合、最大寸法と最小寸法は、コンテンツの寸法を参照します。 -> **Note:** The CSS Sizing specification also defines the {{cssxref("fit-content()", "fit-content()")}} function. This page details the keyword. +> **Note:** CSS Sizing の仕様では、{{cssxref("fit-content()", "fit-content()")}} という関数も定義されています。このページではキーワード版について詳しく説明します。 -## Syntax +## 構文 ```css width: fit-content block-size: fit-content ``` -## Examples +## 例 -### Using fit-content for box sizing +<h3 id="Using_fit-content_for_box_sizing">fit-content を使用してボックスの大きさを指定</h3> #### HTML @@ -56,20 +57,20 @@ block-size: fit-content } ``` -#### Result +#### 結果 {{EmbedLiveSample("Using_fit-content_for_box_sizing", "100%", 200)}} -## Specifications +## 仕様書 {{Specifications}} -## Browser compatibility +## ブラウザーの互換性 -### Supported for width (and other sizing properties) +### width (および他の大きさのプロパティ) での対応 {{Compat}} -## See also +## 関連情報 -- Related sizing keywords: {{cssxref("min-content")}}, {{cssxref("max-content")}} +- 関連する大きさのキーワード: {{cssxref("min-content")}}, {{cssxref("max-content")}} |