Max-breedte - CSS-trucs | CSS Almanac 2025

De max-widtheigenschap in CSS wordt gebruikt om de maximale breedte van een opgegeven element in te stellen. De max-widtheigenschap heeft voorrang op de widtheigenschap, maar min-widthzal altijd voorrang hebben max-widthof deze ervoor of erna widthin uw aangifte wordt gevolgd . Auteurs mogen alle lengtewaarden gebruiken, zolang ze maar een positieve waarde zijn.

.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 */ )

Kijk eens naar deze pen!

Let op wanneer u aanneemt dat max-widthwordt overgeërfd, aangezien deze eigenschap niet erft van andere bovenliggende elementen. Als een widthvan 300px is gedefinieerd met een max-widthvan 600px, zal de initiële widthwaarde altijd de max-widthwaarde van 600px overschrijven .