Как задать размер картинки в css — Q&A Хекслет
2026-02-26 18:52 Diff
https://ru.hexlet.io/qna/css/questions/kak-zadat-razmer-kartinki-v-css

Ответы

Для того чтобы задать необходимый размер картинки, необходимо воспользоваться свойствами: width — ширина картинки, height — высота картинки. Например:

Также можно указать размеры в %, что позволит установить соответствующие размеры в зависимости от размера родительского элемента.

Чтобы задать размер картинки с помощью CSS, можно использовать свойства width и height. Вот пример:

В данном примере, все изображения на странице будут иметь ширину 200 пикселей и высоту 150 пикселей. Можно задавать размеры картинки как в пикселях, так и в процентах или других единицах измерения (например, em или rem).

Если нужно сохранить пропорции картинки при изменении размера, можно указать только одно из свойств width или height, а другое указать auto. Например:

В этом случае, картинка будет занимать 100% ширины родительского контейнера, а высота будет изменяться автоматически, чтобы сохранить пропорции картинки.

Также можно использовать свойство max-width или max-height, чтобы задать максимальные размеры картинки:

Это ограничит максимальную ширину картинки 300 пикселей и максимальную высоту 200 пикселей.