Максимална ширина - ЦСС-трикови

Anonim

max-widthНекретнина у ЦСС се користи за подешавање ширину максималну једног одредјеног елемента. max-widthИмовина замењује widthимовину, али min-widthће се увек заменити max-widthбило праћено пре или после widthу својој декларацији. Аутори могу да користе било коју од вредности дужине уколико су позитивне.

.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 */ )
Погледајте ову оловку!

Имајте на уму када претпоставите да max-widthје наслеђено јер ово својство не наслеђује остале родитељске елементе. Ако је а widthод 300пк дефинисан са а max-widthод 600пк, почетна widthвредност ће увек заменити max-widthвредност од 600пк.

Подршка прегледача

ИЕ Ивица Фирефок Хром Сафари Опера
7+ Све Све Све Све Све
Андроид Цхроме Андроид Фирефок Андроид претраживач иОС Сафари Опера Мобиле
Све Све Све Све Све
Извор: каниус

Повезана својства

Алманах 15. јануара 2021

висина

.element ( height: 500px; ) Сара Цопе