De min-width
eigenschap in CSS wordt gebruikt om de minimale breedte van een opgegeven element in te stellen. De min-width
eigenschap heeft altijd voorrang op de width
eigenschap, of deze nu voor of na width
in uw aangifte is gevolgd . Auteurs mogen alle lengtewaarden gebruiken, zolang ze maar een positieve waarde zijn.
.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Kijk eens naar deze pen!
Let op wanneer u aanneemt dat min-width
wordt overgeërfd, aangezien deze eigenschap niet erft van andere bovenliggende elementen. Als auteurs een breedte definiëren met een absolute waarde (px, pt, in, cm, mm), heeft de min-breedte geen invloed omdat de breedte voor onbepaalde tijd is gedefinieerd. Als bijvoorbeeld een waarde van 200px als width
lengte wordt gebruikt , is uw min-width
waarde van 100px niet nodig omdat u al een absolute waarde voor de width
(dwz 200px) hebt opgegeven . De beste manier om te gebruiken min-width
is om een width
waarde te definiëren als een percentage en een absolute waarde voor de min-width
eigenschap te gebruiken, anders gebruikt u een percentagewaarde voor beide min-width
en width
levert dit niet het verwachte resultaat op.
Browser-ondersteuning
Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
---|---|---|---|---|---|---|
24+ | 5.1+ | 18+ | 12.1+ | 8+ | 2.1+ | 3.2+ |
Gerelateerde eigenschappen
Almanac op 15 januari 2021hoogte
.element ( height: 500px; )
Sara Cope