diff options
Diffstat (limited to 'files/fr/web/css/min()/index.md')
| -rw-r--r-- | files/fr/web/css/min()/index.md | 26 |
1 files changed, 0 insertions, 26 deletions
diff --git a/files/fr/web/css/min()/index.md b/files/fr/web/css/min()/index.md index 5060118985..137a90ffc8 100644 --- a/files/fr/web/css/min()/index.md +++ b/files/fr/web/css/min()/index.md @@ -1,10 +1,6 @@ --- title: min() slug: Web/CSS/min() -tags: - - CSS - - Fonction - - Reference translation_of: Web/CSS/min() --- {{CSSRef}} @@ -37,28 +33,6 @@ Il est tout à fait possible de combiner des valeurs avec différentes unités d ## Exemples -### Garantir une taille maximale pour des images - -`min()` permet de simplifier la définition d'une taille **maximale**, par exemple la largeur d'une image. Dans cet exemple, la règle CSS permet d'obtenir un logo qui s'étire sur la moitié de la fenêtre pour les fenêtres les moins larges, sans dépasser 300 pixels et sans avoir à utiliser des requêtes média. - -#### CSS - -```css -.logo { - width: min(50vw, 300px); -} -``` - -#### HTML - -```html -<img src="https://developer.mozilla.org/static/img/web-docs-sprite.svg" alt="MDN Web Docs" class="logo"> -``` - -#### Résultat - -{{EmbedLiveSample('Garantir_une_taille_minimale_pour_des_images', '100%', '110')}} - ### Définir une taille maximale pour un champ de saisie et son libellé La fonction `min()` peut également être utilisée pour définir la taille maximale d'un contrôle dans un formulaire et permettre de réduire le champ et le libellé associé lorsque la largeur de l'écran diminue. |