La max-width
propriété en CSS est utilisée pour définir la largeur maximale d'un élément spécifié. La max-width
propriété remplace la width
propriété, mais min-width
remplacera toujours max-width
si elle est suivie avant ou après width
dans votre déclaration. Les auteurs peuvent utiliser n'importe laquelle des valeurs de longueur à condition qu'elles soient positives.
.wrapper ( width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )
Découvrez ce stylo!
Soyez conscient lorsque la supposition max-width
est héritée car cette propriété n'hérite pas des autres éléments parents. Si un width
de 300px a été défini avec un max-width
de 600px, la width
valeur initiale remplacera toujours la max-width
valeur de 600px.
Prise en charge du navigateur
C'EST À DIRE | Bord | Firefox | Chrome | Safari | Opéra |
---|---|---|---|---|---|
7+ | Tout | Tout | Tout | Tout | Tout |
Chrome Android | Android Firefox | Navigateur Android | Safari sur iOS | Opera Mobile |
---|---|---|---|---|
Tout | Tout | Tout | Tout | Tout |
Propriétés connexes
Almanach le 15 janv.2021la taille
.element ( height: 500px; )
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)