Maks bredde - CSS-triks | CSS-almanakk 2025

Den max-widthegenskap i CSS brukes til å stille inn den maksimale bredde av et angitt element. Den max-widthEiendommen overstyrer widtheiendommen, men min-widthvil alltid overstyre max-widthom fulgt før eller etter widthi erklæringen. Forfattere kan bruke hvilken som helst av lengdeverdiene så lenge de er en positiv verdi.

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

Sjekk ut denne pennen!

Vær oppmerksom når du antar at det max-widther arvet, da denne eiendommen ikke arver fra andre foreldreelementer. Hvis en widthpå 300px er definert med en max-widthpå 600px, vil den opprinnelige widthverdien alltid overstyre max-widthverdien på 600px.