aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/length/index.html
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2021-09-17 20:15:31 +0200
committerGitHub <noreply@github.com>2021-09-17 20:15:31 +0200
commit3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f (patch)
tree09fe8f8a5fae5235b62918e8b7161fd34480b8d0 /files/fr/web/css/length/index.html
parent3518481e9190f19bbf81741704f45cb3c1761758 (diff)
downloadtranslated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.tar.gz
translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.tar.bz2
translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.zip
Prepare CSS section for Markdown conversion (#2307)
* Removes summary / seoSummary classes * Remove div class=hidden and some notranslate * Remove hidden paragraphs for live sample * Remove hidden paragraphs for live sample - take 2 * Remove other hidden div and p - updated w/ en-US when necessary * Remove ids * Remove notranslate class * Fix typo which broke build * remove div class='index' * remove useless <span style=...> * remove non typographical sups * remove non typographical subs * remove blockindicator and fix some div.note * fix build :/ * remove useless classes * fix build - again :x * fix unhandled elements 1/N + embedlivesample build fail * fix div.warning * Fix fixable flaws - hoping to reduce error conversion * Remove unecessary images (same as en-US) * fix div notes * fix warnings * fix some dl handling * fix dls * Fix a bunch of conversion errors * rm unhandled figures * Fix other set of issues and revamp easing-function page * Fix some one-offs conversion errors (incl. deki files) * fix the rest of one-off conversion issues * Fix last dl standing
Diffstat (limited to 'files/fr/web/css/length/index.html')
-rw-r--r--files/fr/web/css/length/index.html46
1 files changed, 24 insertions, 22 deletions
diff --git a/files/fr/web/css/length/index.html b/files/fr/web/css/length/index.html
index 1927712da9..8cf016dcb5 100644
--- a/files/fr/web/css/length/index.html
+++ b/files/fr/web/css/length/index.html
@@ -39,28 +39,28 @@ translation_of: Web/CSS/length
<dl>
<dt><code>cap</code></dt>
<dd>Cette unité représente la taille nominale d'une lettre capitale pour la police ({{cssxref("font")}}) de l'élément.</dd>
- <dt><a name="ch"><code>ch</code></a></dt>
+ <dt><code>ch</code></dt>
<dd>Cette unité représente la largeur du caractère « 0 » (zéro, le caractère Unicode U+0030) dans la police actuelle. Dans les cas où il est impossible ou trop complexe de déterminer la taille du glyphe pour « 0 », on prend l'hypothèse que celui-ci mesure 0.5em de large sur 1em de haut.</dd>
- <dt><a name="em"><code>em</code></a></dt>
+ <dt><code>em</code></dt>
<dd>
<p>Cette unité représente la {{cssxref("font-size")}} calculée de l'élément. Si utilisée avec la propriété {{cssxref("font-size")}}, elle représente la taille de police <em>héritée</em> de l'élément.</p>
<div class="note">
- <p>Cette unité est souvent utilisée pour créer des mises en page s'adaptant à la taille des contenus, qui gardent le <a href="http://24ways.org/2006/compose-to-a-vertical-rhythm/">rythme vertical de la page</a>, même lorsque l'utilisateur change la taille des polices. Les propriétés CSS {{cssxref("line-height")}}, {{cssxref("font-size")}}, {{cssxref("margin-bottom")}} et {{cssxref("margin-top")}} ont souvent des dimensions exprimées en <strong>em</strong>.</p>
+ <p><strong>Note :</strong> Cette unité est souvent utilisée pour créer des mises en page s'adaptant à la taille des contenus, qui gardent le <a href="http://24ways.org/2006/compose-to-a-vertical-rhythm/">rythme vertical de la page</a>, même lorsque l'utilisateur change la taille des polices. Les propriétés CSS {{cssxref("line-height")}}, {{cssxref("font-size")}}, {{cssxref("margin-bottom")}} et {{cssxref("margin-top")}} ont souvent des dimensions exprimées en <strong>em</strong>.</p>
</div>
</dd>
- <dt><a name="ex"><code>ex</code></a></dt>
+ <dt><code>ex</code></dt>
<dd>Cette unité représente la <a href="https://fr.wikipedia.org/wiki/Hauteur_d%27x">hauteur d'x</a> de la {{cssxref("font")}} de l'élément. Il peut s'agir généralement de la hauteur des lettres bas de casse de la police. <code>1ex ≈ 0.5em</code> dans de nombreuses polices.</dd>
<dt><code>ic</code></dt>
<dd>Cette unité représente la largeur entre le début du caractère “水” (U+6C34) et le début du caractère suivant selon la police utilisée et après que les transformations qui modifient la taille des caractères aient été appliquées.</dd>
<dt><code>lh</code></dt>
<dd>Cette unité représente la valeur calculée de la propriété {{cssxref("line-height")}}, convertie en longueur absolue, de l'élément sur lequel elle est utilisée.</dd>
- <dt><a name="rem"><code>rem</code></a></dt>
+ <dt><code>rem</code></dt>
<dd>
<p>Cette unité représente la {{cssxref("font-size")}} de l'élément racine (par exemple la taille de la police de l'élément {{HTMLElement("html")}}). Quand utilisée avec {{cssxref("font-size")}} sur l'élément racine, elle représente sa valeur initiale.</p>
<div class="note">
- <p>Cette unité est utile pour la création de mises en page s'adaptant à la taille des contenus. Si elle n'est pas supportée par les navigateurs ciblés, ces mises en pages peuvent être réalisées en utilisant l'unité <strong>em</strong>, mais la réalisation est un petit peu plus complexe.</p>
+ <p><strong>Note :</strong> Cette unité est utile pour la création de mises en page s'adaptant à la taille des contenus. Si elle n'est pas supportée par les navigateurs ciblés, ces mises en pages peuvent être réalisées en utilisant l'unité <strong>em</strong>, mais la réalisation est un petit peu plus complexe.</p>
</div>
</dd>
<dt><code>rlh</code></dt>
@@ -76,15 +76,15 @@ translation_of: Web/CSS/length
<dl>
<dt><code>vb</code></dt>
<dd>1 % de la taille du bloc englobant initial selon la direction de bloc (la direction orthogonale au sens d'écriture) de l'élément racine.</dd>
- <dt><a name="vh"><code>vh</code></a></dt>
+ <dt><code>vh</code></dt>
<dd>1/100<sup>e</sup> de la hauteur du <em>viewport</em>.</dd>
<dt><code>vi</code></dt>
<dd>1 % de la taille du bloc englobant initial selon la direction en ligne (la direction du sens d'écriture) de l'élément racine.</dd>
- <dt><a name="vw"><code>vw</code></a></dt>
+ <dt><code>vw</code></dt>
<dd>1/100<sup>e</sup> de la largeur du <em>viewport</em>.</dd>
- <dt><a name="vmin"><code>vmin</code></a></dt>
+ <dt><code>vmin</code></dt>
<dd>1/100<sup>e</sup> du côté le plus petit du <em>viewport</em>.</dd>
- <dt><a name="vmax"><code>vmax</code></a></dt>
+ <dt><code>vmax</code></dt>
<dd>1/100<sup>e</sup> du côté le plus grand du <em>viewport</em>.</dd>
</dl>
@@ -101,27 +101,29 @@ translation_of: Web/CSS/length
</div>
<dl>
- <dt><a name="px"><code>px</code></a></dt>
+ <dt><code>px</code></dt>
<dd>Pour l'affichage sur écran, correspond typiquement à un pixel de l'affichage. Pour les écrans en haute résolution et les imprimantes, un pixel CSS correspond à plusieurs pixels du périphérique, de sorte que le nombre de pixels par pouce (ppi) reste aux alentours de 96.</dd>
- <dt><a name="mm"><code>mm</code></a></dt>
+ <dt><code>mm</code></dt>
<dd>Un millimètre. Pour l'affichage sur écran, le nombre de pixels par millimètre est déterminé par l'estimation du système (souvent incorrecte) de la résolution de son affichage.</dd>
<dt><code>Q</code>{{experimental_inline}}</dt>
<dd>Un quart de millimètre (1/40<sup>e</sup> de centimètre).</dd>
- <dt><a name="cm"><code>cm</code></a></dt>
+ <dt><code>cm</code></dt>
<dd>Un centimètre (ou 10 millimètres). Pour l'affichage sur écran, le nombre de pixels par centimètre est déterminé par l'estimation du système (souvent incorrecte) de la résolution de son affichage.</dd>
- <dt><a name="in"><code>in</code></a></dt>
+ <dt><code>in</code></dt>
<dd>Un pouce (soit 2,54 centimètres). Pour l'affichage sur écran, le nombre de pixels par pouce est déterminé par l'estimation du système (souvent incorrecte) de la résolution de son affichage.</dd>
- <dt><a name="pt"><code>pt</code></a></dt>
+ <dt><code>pt</code></dt>
<dd>Un point pica (soit 1/72<sup>e</sup> de pouce). Pour l'affichage sur écran, le nombre de pixels par point est déterminé par l'estimation du système (souvent incorrecte) de la résolution de son affichage.</dd>
- <dt><a name="pc"><code>pc</code></a></dt>
+ <dt><code>pc</code></dt>
<dd>Un pica (soit 12 points, soit 1/6<sup>e</sup> de pouce). Pour l'affichage sur écran, le nombre de pixels par pica est déterminé par l'estimation du système (souvent incorrecte) de la résolution de son affichage.</dd>
- <dt><code><a name="mozmm">mozmm</a></code> {{non-standard_inline}}, retiré avec Firefox 59</dt>
+ <dt><code>mozmm</code> {{non-standard_inline}}, retiré avec Firefox 59</dt>
<dd>Une unité expérimentale qui tente de représenter exactement un millimètre, quelque soit la taille ou la résolution de l’affichage. C’est rarement ce que nous voulons, mais peut être utile en particulier pour les terminaux mobiles.</dd>
</dl>
<h2 id="Unités_CSS_et_points_par_pouce">Unités CSS et points par pouce</h2>
-<p class="note">L’unité <code>in</code> ne représente pas un pouce physique de l’écran, mais <code>96px</code>. Celà signifie que quelque soit la densité de pixel réelle de l’écran, elle est supposée correspondre à <code>96dpi</code>. Sur les périphériques dotés d’une plus grande densité de pixel, <code>1in</code> fera moins d’1 pouce physique. De la même manière, <code>mm</code>, <code>cm</code>, et <code>pt</code> ne sont pas des longueurs absolues.</p>
+<div class="note">
+ <p><strong>Note :</strong> L’unité <code>in</code> ne représente pas un pouce physique de l’écran, mais <code>96px</code>. Celà signifie que quelque soit la densité de pixel réelle de l’écran, elle est supposée correspondre à <code>96dpi</code>. Sur les périphériques dotés d’une plus grande densité de pixel, <code>1in</code> fera moins d’1 pouce physique. De la même manière, <code>mm</code>, <code>cm</code>, et <code>pt</code> ne sont pas des longueurs absolues.</p>
+</div>
<p>Quelques exemples particuliers :</p>
@@ -133,7 +135,7 @@ translation_of: Web/CSS/length
<h2 id="Interpolation">Interpolation</h2>
-<p>Les valeurs du type <code>&lt;length&gt;</code> peuvent être interpolées de manière à rendre les animations possibles. Dans ce cas l'interpolation se fait par des nombres réels à virgule flottante. L'interpolation se fait sur les valeurs calculées. La rapidité de l'interpolation est déterminée par la {{cssxref("timing-function","fonction de temporisation","",1)}} associée à l'animation.</p>
+<p>Les valeurs du type <code>&lt;length&gt;</code> peuvent être interpolées de manière à rendre les animations possibles. Dans ce cas l'interpolation se fait par des nombres réels à virgule flottante. L'interpolation se fait sur les valeurs calculées. La rapidité de l'interpolation est déterminée par la {{cssxref("easing-function","fonction de temporisation","",1)}} associée à l'animation.</p>
<h2 id="Spécifications">Spécifications</h2>
@@ -174,7 +176,7 @@ translation_of: Web/CSS/length
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
- <li><a href="/fr/docs/Apprendre/CSS/Introduction_à_CSS/Values_and_units">Tutoriel sur les unités et valeurs CSS</a></li>
- <li><a href="/fr/docs/Web/CSS/Valeurs_et_unités_CSS">Référence des unités et valeurs en CSS</a></li>
- <li><a href="/fr/docs/Web/CSS/Modèle_de_boîte_CSS">Modèle de boîtes CSS</a></li>
+ <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Values_and_units">Tutoriel sur les unités et valeurs CSS</a></li>
+ <li><a href="/fr/docs/Web/CSS/CSS_Values_and_Units">Référence des unités et valeurs en CSS</a></li>
+ <li><a href="/fr/docs/Web/CSS/CSS_Box_Model">Modèle de boîtes CSS</a></li>
</ul>