aboutsummaryrefslogtreecommitdiff
path: root/files/fr/glossary/intrinsic_size
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-11-15 21:41:03 +0100
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-15 21:55:31 +0100
commitbcf5375310ece1f9a90e99b270cdbae28c4d2831 (patch)
treec9b2792ee2050f4176de7fe5f777b4354b769b04 /files/fr/glossary/intrinsic_size
parent7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e (diff)
downloadtranslated-content-bcf5375310ece1f9a90e99b270cdbae28c4d2831.tar.gz
translated-content-bcf5375310ece1f9a90e99b270cdbae28c4d2831.tar.bz2
translated-content-bcf5375310ece1f9a90e99b270cdbae28c4d2831.zip
convert content to md
Diffstat (limited to 'files/fr/glossary/intrinsic_size')
-rw-r--r--files/fr/glossary/intrinsic_size/index.md13
1 files changed, 6 insertions, 7 deletions
diff --git a/files/fr/glossary/intrinsic_size/index.md b/files/fr/glossary/intrinsic_size/index.md
index 684e7fac9f..85a9854edc 100644
--- a/files/fr/glossary/intrinsic_size/index.md
+++ b/files/fr/glossary/intrinsic_size/index.md
@@ -1,15 +1,14 @@
---
title: Taille intrinsèque
slug: Glossary/Intrinsic_Size
-translation_of: 'Glossary/Intrinsic_Size'
+translation_of: Glossary/Intrinsic_Size
---
+En CSS, la _taille intrinsèque_ d'un élément est la taille qu'il aurait en fonction de son contenu, si aucun facteur externe ne lui était appliqué. Par exemple, les éléments en ligne sont dimensionnés de manière intrinsèque : la `largeur`, la `hauteur`, la marge et le remplissage vertical n'ont aucun impact, contrairement à la marge et au remplissage horizontal.
-<p>En CSS, la <em>taille intrinsèque</em> d'un élément est la taille qu'il aurait en fonction de son contenu, si aucun facteur externe ne lui était appliqué. Par exemple, les éléments en ligne sont dimensionnés de manière intrinsèque : la <code>largeur</code>, la <code>hauteur</code>, la marge et le remplissage vertical n'ont aucun impact, contrairement à la marge et au remplissage horizontal.</p>
+La manière dont les tailles intrinsèques sont calculées est définie dans la [Spécification de dimensionnement intrinsèque et extrinsèque du CSS](https://www.w3.org/TR/css-sizing-3/#intrinsic-sizes).
-<p>La manière dont les tailles intrinsèques sont calculées est définie dans la <a href="https://www.w3.org/TR/css-sizing-3/#intrinsic-sizes">Spécification de dimensionnement intrinsèque et extrinsèque du CSS</a>.</p>
+Le dimensionnement intrinsèque prend en compte la taille `min-content` et `max-content` d'un élément. Pour le texte, la taille du `min-content` serait le fait que le texte soit aussi petit que possible dans le sens linéaire sans provoquer de débordement, en faisant autant d'enveloppement souple que possible. Pour une boîte contenant une chaîne de texte, la taille du `min-content` serait définie par le mot le plus long. La valeur du mot-clé de `min-content` pour la propriété {{cssxref("width")}} dimensionnera un élément en fonction de la taille de `min-content`.
-<p>Le dimensionnement intrinsèque prend en compte la taille <code>min-content</code> et <code>max-content</code> d'un élément. Pour le texte, la taille du <code>min-content</code> serait le fait que le texte soit aussi petit que possible dans le sens linéaire sans provoquer de débordement, en faisant autant d'enveloppement souple que possible. Pour une boîte contenant une chaîne de texte, la taille du <code>min-content</code> serait définie par le mot le plus long. La valeur du mot-clé de <code>min-content</code> pour la propriété {{cssxref("width")}} dimensionnera un élément en fonction de la taille de <code>min-content</code>.</p>
+La taille de `max-content` est l'inverse — dans le cas du texte, le texte s'afficherait aussi large que possible, sans enveloppement souple, même si un débordement était provoqué. La valeur du mot clé `max-content` expose ce comportement.
-<p>La taille de <code>max-content</code> est l'inverse — dans le cas du texte, le texte s'afficherait aussi large que possible, sans enveloppement souple, même si un débordement était provoqué. La valeur du mot clé <code>max-content</code> expose ce comportement.</p>
-
-<p>Pour les images, la taille intrinsèque a la même signification — c'est la taille avec laquelle une image serait affichée si aucun CSS n'était appliqué pour modifier le rendu. Par défaut, les images sont supposées avoir une densité de "1x" pixels (1 pixel de périphérique = 1 pixel CSS) et donc la taille intrinsèque est simplement la hauteur et la largeur du pixel. La taille et la résolution intrinsèques de l'image peuvent être explicitement spécifiées dans les données {{Glossary("EXIF")}}. La densité de pixels intrinsèque peut également être définie pour les images à l'aide de l'attribut {{htmlattrxref("srcset", "img")}} (notez que si les deux mécanismes sont utilisés, la valeur <code>srcset</code> est appliquée "par-dessus" la valeur EXIF).</p>
+Pour les images, la taille intrinsèque a la même signification — c'est la taille avec laquelle une image serait affichée si aucun CSS n'était appliqué pour modifier le rendu. Par défaut, les images sont supposées avoir une densité de "1x" pixels (1 pixel de périphérique = 1 pixel CSS) et donc la taille intrinsèque est simplement la hauteur et la largeur du pixel. La taille et la résolution intrinsèques de l'image peuvent être explicitement spécifiées dans les données {{Glossary("EXIF")}}. La densité de pixels intrinsèque peut également être définie pour les images à l'aide de l'attribut {{htmlattrxref("srcset", "img")}} (notez que si les deux mécanismes sont utilisés, la valeur `srcset` est appliquée "par-dessus" la valeur EXIF).