Skip to content

Commit

Permalink
Orth
Browse files Browse the repository at this point in the history
  • Loading branch information
ms-studio authored Aug 10, 2023
1 parent d1f1e6f commit 7ecab87
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions 07-min-max-clamp.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ Les **fonctions CSS** `min()`, `max()` et `clamp()` sont des fonctions permettan

### La fonction min()

La fonction CSS `min()` permet de spécifier plusieurs valeurs, et *la plus petite* sera retenue. Cela permet donc de défnir un seuil maximal. Exemple, pour limiter la largeur d'un élément à un maximum de 400 pixels:
La fonction CSS `min()` permet de spécifier plusieurs valeurs, et *la plus petite* sera retenue. Cela permet donc de définir un seuil maximal. Exemple, pour limiter la largeur d'un élément à un maximum de 400 pixels:

```css
width: min(50%, 400px);
Expand Down Expand Up @@ -99,4 +99,4 @@ Les fonctions `min()` et `max()` ne doivent pas être confondues avec les **unit

Exemple utilisant vmin pour dessiner un cube, qui mesure 50% de la plus petite dimension:

<p class="codepen" data-height="300" data-default-tab="css,result" data-slug-hash="LYjWLyo" data-editable="true" data-user="eracom" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;"></p>
<p class="codepen" data-height="300" data-default-tab="css,result" data-slug-hash="LYjWLyo" data-editable="true" data-user="eracom" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;"></p>

0 comments on commit 7ecab87

Please sign in to comment.