Skip to content

Commit

Permalink
feat: add instruction about image (#14628)
Browse files Browse the repository at this point in the history
* feat: add instruction about image

existing in the en but not in the ja

* refactor: change link to ja from en-US

* Update files/ja/glossary/intrinsic_size/index.md

Co-authored-by: Masahiro FUJIMOTO <[email protected]>

---------

Co-authored-by: Masahiro FUJIMOTO <[email protected]>
  • Loading branch information
striderkein and mfuji09 authored Aug 4, 2023
1 parent eed44f9 commit 9e5a3e0
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions files/ja/glossary/intrinsic_size/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,3 +10,5 @@ CSS における要素の*内在サイズ* とは、外部要因が働いてい
内在サイズは要素の `min-content``max-content` を考慮します。テキストの場合、`min-content` のサイズは、テキストがオーバーフローを起こさずインライン方向にできるだけ小さく折り返される場合に、可能な限り自動の折り返しを行います。テキスト文字列を含むボックスの場合、`min-content` のサイズは最長の単語によって定まります。 {{cssxref("width")}} プロパティの `min-content` のキーワード値は、`min-content` のサイズに従い要素のサイズを変更します。

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

画像の場合もテキストと同じ意味を持ちます。これは、CSS の適用によって描画が変更されなかった場合に表示される画像の大きさです。デフォルトでは、画像は「1x」のピクセル密度(1 デバイスピクセル = 1 CSS ピクセル)を持つものと見なされるため、固有サイズは単純にピクセルの高さと幅です。内在サイズと解像度は {{Glossary("EXIF")}} データで明示的に指定することもできます。また、 [`srcset`](/ja/docs/Web/HTML/Element/img#srcset) 属性を使用して画像の固有ピクセル密度も設定できます(ただし、両方のメカニズムを使用する場合は、 `srcset` の値が EXIF 値を「上書き」します)。

0 comments on commit 9e5a3e0

Please sign in to comment.