Max-width - Astuces CSS

Anonim

La max-widthpropriété en CSS est utilisée pour définir la largeur maximale d'un élément spécifié. La max-widthpropriété remplace la widthpropriété, mais min-widthremplacera toujours max-widthsi elle est suivie avant ou après widthdans 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-widthest héritée car cette propriété n'hérite pas des autres éléments parents. Si un widthde 300px a été défini avec un max-widthde 600px, la widthvaleur initiale remplacera toujours la max-widthvaleur 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
Source: caniuse

Propriétés connexes

Almanach le 15 janv.2021

la taille

.element ( height: 500px; ) Sara Cope