aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/font-size
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/font-size
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/font-size')
-rw-r--r--files/fr/web/css/font-size/index.html28
1 files changed, 13 insertions, 15 deletions
diff --git a/files/fr/web/css/font-size/index.html b/files/fr/web/css/font-size/index.html
index be4b7e30b2..09160e80d0 100644
--- a/files/fr/web/css/font-size/index.html
+++ b/files/fr/web/css/font-size/index.html
@@ -13,11 +13,9 @@ translation_of: Web/CSS/font-size
<div>{{EmbedInteractiveExample("pages/css/font-size.html")}}</div>
-<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p>
-
<h2 id="Syntaxe">Syntaxe</h2>
-<pre class="brush:css no-line-numbers notranslate">/* Valeurs dont la taille est absolue */
+<pre class="brush:css no-line-numbers">/* Valeurs dont la taille est absolue */
font-size: xx-small;
font-size: x-small;
font-size: small;
@@ -55,13 +53,13 @@ font-size: unset;
<h3 id="Valeurs">Valeurs</h3>
<dl>
- <dt><a id="absolue" name="absolue"><code>xx-small, x-small, small, medium, large, x-large, xx-large</code></a></dt>
+ <dt><code>xx-small, x-small, small, medium, large, x-large, xx-large</code></dt>
<dd>Un ensemble de mots-clés désignant des valeurs absolues basées sur la taille par défaut de l'utilisateur (qui vaut <code>medium</code>). Le comportement est analogue à ce qu'on obtient en utilisant le code HTML <code>&lt;font size="1"&gt;</code> à <code>&lt;font size="7"&gt;</code> lorsque la taille par défaut de l'utilisateur vaut <code>&lt;font size="4"&gt;</code>.</dd>
- <dt><a id="relative" name="relative"><code>larger, smaller</code></a></dt>
+ <dt><code>larger, smaller</code></dt>
<dd>La taille de la fonte est plus grande (<code>larger</code>) ou plus petite (<code>smaller</code>) que celle de l'élément parent. Le ratio d'agrandissement/réduction est le même que celui qui sépare les mots-clés présentés avant.</dd>
- <dt><a id="lp" name="lp"><code>&lt;length&gt;</code></a></dt>
+ <dt><code>&lt;length&gt;</code></dt>
<dd>Une longueur positive (type {{cssxref("&lt;length&gt;")}} ou un pourcentage (type {{cssxref("&lt;percentage&gt;")}}). Lorsque les valeurs sont exprimées avec les unités <code>em</code> ou <code>ex</code>, la taille est alors relative à la taille de la fonte de l'élément parent. Ainsi, une valeur de <code>0.5em</code> indiquera que la taille de fonte pour l'élément courant est la moitié de celle utilisée pour l'élément parent. Lorsque l'unité utilisée est <code>rem</code>, la taille est alors relative à la taille de la fonte utilisée pour l'élément racine <code>html</code>.</dd>
- <dt><a id="lp" name="lp"><code>&lt;percentage&gt;</code></a></dt>
+ <dt><code>&lt;percentage&gt;</code></dt>
<dd>Les valeurs exprimées en pourcentages (type {{cssxref("&lt;percentage&gt;")}}) sont proportionnelles à la taille de fonte de l'élément parent.</dd>
</dl>
@@ -91,7 +89,7 @@ font-size: unset;
<p>Pour calculer une équivalence entre <code>em</code> et un résultat exprimé en pixels, on peut utiliser cette formule :</p>
-<pre class="brush: css notranslate">em = taille visée en px / font-size du parent en pixels</pre>
+<pre class="brush: css">em = taille visée en px / font-size du parent en pixels</pre>
<p>Ainsi, si la taille <code>font-size</code> de <code>body</code> vaut <code>1em</code> et que l'échelle par défaut du navigateur indique <code>1em</code> = <code>16px</code> et qu'on souhaite obtenir une <code>font-size</code> équivalente à <code>12px</code>, on pourra utiliser la valeur <code>0.75em</code> (car 12/16 = 0.75). De même, si on veut une taille analogue à <code>10px</code>, on utilisera <code>0.625em</code> (10/16 = 0.625).</p>
@@ -99,7 +97,7 @@ font-size: unset;
<p>Un autre aspect important est la <strong>composition</strong> des valeurs exprimées avec cette unité. Si on prend le fragment HTML suivant :</p>
-<pre class="brush: html notranslate">&lt;div&gt;
+<pre class="brush: html">&lt;div&gt;
&lt;span&gt;
Extérieur
&lt;span&gt;Intérieur&lt;/span&gt;
@@ -110,7 +108,7 @@ font-size: unset;
<p>Et qu'on applique la feuille de style suivante :</p>
-<pre class="brush: css notranslate">body {
+<pre class="brush: css">body {
font-size: 62.5%;
}
span {
@@ -129,7 +127,7 @@ span {
<p>La feuille de style qui suit ressemble fortement à celle utilisée dans l'exemple précédent, on a simplement remplacé l'unité par <code>rem</code>.</p>
-<pre class="brush: css notranslate">html {
+<pre class="brush: css">html {
font-size: 62.5%;
}
span {
@@ -139,7 +137,7 @@ span {
<p>On utilisera le même fragment de HTML :</p>
-<pre class="brush: html notranslate">&lt;span&gt;
+<pre class="brush: html">&lt;span&gt;
Extérieur
&lt;span&gt;Intérieur&lt;/span&gt;
Extérieur
@@ -153,7 +151,7 @@ span {
<h3 id="Premiers_exemples">Premiers exemples</h3>
-<pre class="brush: css notranslate">/* Le paragraphe sera écrit avec une grande */
+<pre class="brush: css">/* Le paragraphe sera écrit avec une grande */
/* fonte. */
p { font-size: xx-large }
@@ -170,7 +168,7 @@ span { font-size: 16px; }
<h4 id="CSS">CSS</h4>
-<pre class="brush: css notranslate">.small {
+<pre class="brush: css">.small {
font-size: xx-small;
}
.larger {
@@ -186,7 +184,7 @@ span { font-size: 16px; }
<h4 id="HTML">HTML</h4>
-<pre class="brush: html notranslate">&lt;h1 class="small"&gt;Petit H1&lt;/h1&gt;
+<pre class="brush: html">&lt;h1 class="small"&gt;Petit H1&lt;/h1&gt;
&lt;h1 class="larger"&gt;H1 plus grand&lt;/h1&gt;
&lt;h1 class="point"&gt;H1 de 24 points&lt;/h1&gt;
&lt;h1 class="percent"&gt;H1 à 200%&lt;/h1&gt;</pre>