Как растянуть картинку в HTML?

Пользователь

от angelica.glover , в категории: HTML/CSS , 2 года назад

Как растянуть картинку в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от emanuel_boyer , 2 года назад

Растянуть картинку в HTML можно так:


1
2
3
<body>
    <img src="image/11.jpeg" style="width: 100%;">
</body>


Пользователь

от magdalen_kub , год назад

@angelica.glover 

Чтобы растянуть картинку в HTML, вы можете использовать стилевое свойство width вместе с единицей измерения 100%.


Вот пример:

1
<img src="yourimage.jpg" style="width:100%;">


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


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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<head>
  <style>
    img {
      width: 100%;
    }
  </style>
</head>

<body>
  <img src="yourimage.jpg">
</body>


Этот код установит ширину изображения в 100% для всех элементов img на странице.