Maksymalna szerokość - CSS-Tricks

Anonim

max-widthNieruchomość w CSS jest używany do ustawiania szerokości maksymalnej z określonym elementem. max-widthNieruchomość nadpisuje widthwłasność, ale min-widthzawsze przesłonić max-widthtego, czy następuje przed lub po widthw swojej deklaracji. Autorzy mogą używać dowolnych wartości długości, o ile są one dodatnie.

.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 */ )
Sprawdź ten długopis!

Należy uważać, gdy założenie max-widthjest dziedziczone, ponieważ ta właściwość nie dziedziczy po innych elementach nadrzędnych. Jeśli widthzdefiniowano 300px max-widthz 600px, widthwartość początkowa zawsze będzie nadpisywać max-widthwartość 600px.

Wsparcie przeglądarki

TO ZNACZY Brzeg Firefox Chrom Safari Opera
7+ Wszystko Wszystko Wszystko Wszystko Wszystko
Android Chrome Android Firefox Przeglądarka Android iOS Safari Opera Mobile
Wszystko Wszystko Wszystko Wszystko Wszystko
Źródło: caniuse

Powiązane właściwości

Almanach 15 stycznia 2021 r

wysokość

.element ( height: 500px; ) Sara Cope