Maks. bredde - CSS-tricks | CSS Almanak 2025

Den max-widthejendom i CSS bruges til at indstille den maksimale bredde af en bestemt element. Den max-widthejendom tilsidesætter widthejendom, men min-widthvil altid tilsidesætte max-widthogså efterfulgt før eller efter widthi din erklæring. Forfattere kan bruge en hvilken som helst af længdeværdierne, så længe de er en positiv værdi.

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

Tjek denne pen!

Vær opmærksom, når man antager max-width, at den arves, da denne ejendom ikke arver fra andre overordnede elementer. Hvis en widthpå 300px er blevet defineret med en max-widthpå 600px, vil den oprindelige widthværdi altid tilsidesætte max-widthværdien på 600px.