Largeur min - Astuces CSS | CSS Almanach 2025

La min-widthpropriété en CSS est utilisée pour définir la largeur minimale d'un élément spécifié. La min-widthpropriété remplace toujours la widthpropriété qu'elle soit 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%; min-width: 20em; /* Will be AT LEAST 20em wide */ )

Découvrez ce stylo!

Soyez conscient lorsque la supposition min-widthest héritée car cette propriété n'hérite pas des autres éléments parents. Si les auteurs définissent une largeur en utilisant une valeur absolue (px, pt, in, cm, mm), la largeur min ne prendra pas effet car la largeur a été définie indéfiniment. Par exemple, si une valeur de 200px est utilisée comme widthlongueur, votre min-widthvaleur de 100px ne sera pas nécessaire car vous avez déjà spécifié une valeur absolue pour le width(c'est-à-dire 200px). La meilleure façon d'utiliser min-widthest de définir une widthvaleur sous forme de pourcentage et d'utiliser une valeur absolue pour la min-widthpropriété sinon en utilisant une valeur de pourcentage pour les deux min-widthet widthne produira pas le résultat attendu.