1

Тема: Что сильнее в CSS - width или max-width ?

Надо было выяснить, что в стилях за свойство важнее и приоритетнее width или max-width?
Понятно, что аналогично все и с высотой (height).
По хелпу - max-width перебивает width.
По факту - всё наоборот, картинки тянет до значения ширины width = 300.

Пример файла.
<html>
<head>
<title>Титл</title>
<style type="text/css">

img {width: 300px; max-height: 100px; max-width: 150px; }

</style>
</head>
<body>

картинка 400 на 400 <br>
<img src="01.jpg" />
<br><br>
картинка 400 на 260 <br>
<img src="02.jpg" />
<br><br>
картинка 256 на 400<br>
<img src="03.jpg" />

</body>
</html>

Post's attachments

width_max-width.jpg, 15.33 kb, 174 x 431
width_max-width.jpg 15.33 kb, 136 downloads since 2014-05-24 

Поделиться

2

Re: Что сильнее в CSS - width или max-width ?

А вот еще тест 2:
У картинки 3 указали  атрибут ширины width ="500", его перебил max-width = 150px в стиле .
Если убрать в стиле max-width: 150px; , то картинку 3 растянет до 500.
<html>
<head>
<title>Титл</title>
<style type="text/css">

img {
//width: 300px;
max-height: 100px;
max-width: 150px;
}

</style>
</head>
<body>

картинка 400 на 400 <br>
<img  src="01.jpg"/>
<br><br>
картинка 400 на 260 <br>
<img src="02.jpg" />
<br><br>
картинка 256 на 400<br>
width =500<br>
<img width ="500" src="03.jpg" />   
//  <br>   без width<br>
<img src="03.jpg" />
</body>
</html>

Post's attachments

img_width.jpg, 18.28 kb, 176 x 588
img_width.jpg 18.28 kb, 139 downloads since 2014-05-24 

Поделиться