Maxbredd - CSS-tricks | CSS Almanack 2025

Den max-widthegendom i CSS används för att ställa in maximala bredden av en viss del. Den max-widthegenskapen åsidosätter widthegenskapen, men min-widthkommer alltid att åsidosätta max-widtheventuellt följt före eller efter widthi deklarationen. Författare kan använda vilket som helst av längdvärdena så länge de är ett positivt värde.

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

Kolla in den här pennan!

Var uppmärksam när du antar att det max-widthärvs eftersom den här egenskapen inte ärver från andra överordnade element. Om en widthpå 300px har definierats med en max-widthpå 600px, kommer det ursprungliga widthvärdet alltid att åsidosätta max-widthvärdet på 600px.