diff options
Diffstat (limited to 'files/fr/web/css/min()/index.html')
| -rw-r--r-- | files/fr/web/css/min()/index.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/files/fr/web/css/min()/index.html b/files/fr/web/css/min()/index.html index f7a8c561c9..ddcab65cd2 100644 --- a/files/fr/web/css/min()/index.html +++ b/files/fr/web/css/min()/index.html @@ -11,7 +11,7 @@ translation_of: Web/CSS/min() <p>La fonction CSS <code><strong>min()</strong></code> permet d'obtenir la plus petite valeurs parmi une liste d'expressions, séparées par des virgules afin d'utiliser ce minimum comme valeur d'une propriété CSS. La fonction <code>min()</code> peut être utilisée à tout endroit où une valeur de type {{cssxref("<length>")}}, {{cssxref("<frequency>")}}, {{cssxref("<angle>")}}, {{cssxref("<time>")}}, {{cssxref("<percentage>")}}, {{cssxref("<number>")}} ou {{cssxref("<integer>")}} est autorisée.</p> -<pre class="brush: css no-line-numbers notranslate">/* property: min(expression<code class="css plain"> [, expression]</code>) */ +<pre class="brush: css no-line-numbers">/* property: min(expression<code class="css plain"> [, expression]</code>) */ width: min(10vw, 4em, 80px); </pre> @@ -44,14 +44,14 @@ width: min(10vw, 4em, 80px); <h4 id="CSS">CSS</h4> -<pre class="brush: css notranslate">.logo { +<pre class="brush: css">.logo { width: min(50vw, 300px); } </pre> <h4 id="HTML">HTML</h4> -<pre class="brush: html notranslate"><img src="https://developer.mozilla.org/static/img/web-docs-sprite.svg" alt="MDN Web Docs" class="logo"></pre> +<pre class="brush: html"><img src="https://developer.mozilla.org/static/img/web-docs-sprite.svg" alt="MDN Web Docs" class="logo"></pre> <h4 id="Résultat">Résultat</h4> @@ -63,7 +63,7 @@ width: min(10vw, 4em, 80px); <h4 id="CSS_2">CSS</h4> -<pre class="brush: css notranslate">input, label { +<pre class="brush: css">input, label { padding: 2px; box-sizing: border-box; display: inline-block; @@ -82,7 +82,7 @@ form { <h4 id="HTML_2">HTML</h4> -<pre class="brush: html notranslate"><form> +<pre class="brush: html"><form> <label>Saisir quelque chose :</label> <input type="text"> </form> @@ -94,7 +94,7 @@ form { <p>Lorsqu'on utilise <code>min()</code> afin de contrôler la taille du texte, il faut s'assurer que le texte puisse toujours être suffisamment grand pour être lisible. Pour cela, on peut imbriquer l'appel à <code>min()</code> dans <code><a href="/fr/docs/Web/CSS/max">max()</a></code> utilisant <a href="/fr/docs/Web/CSS/length#Unités_de_longueur_relatives">une unité de longueur relative</a> en deuxième argument afin de garantir une lisibilité minimale :</p> -<pre class="brush: css notranslate">small { +<pre class="brush: css">small { font-size: max(min(0.5vw, 0.5em), 1rem); }</pre> |