💡 А вы знали, что с помощью свойства resize можно сделать изменяемый

💡 А вы знали, что с помощью свойства resize можно сделать изменяемый размер не только для textarea, но и для других HTML-элементов?

Для этого достаточно добавить overflow: auto, тогда и у других элементов появится такая возможность.

HTML разметка

<h1>t.me/WebTaverna</h1>

CSS стили

h1 {

resize: both;

overflow: auto;

padding: 20px 30px;

border: 1px solid #fff;

}

Свойство resize принимает следующие значения:

🔜 none — размеры изменить нельзя (значение по умолчанию);

🔜 both — размеры можно изменять по горизонтали и вертикали;

🔜 horizontal — размер можно изменять по горизонтали;

🔜 vertical — размер можно изменять по вертикали

⚠️ Данное свойство не работает с тегами img, video и iframe, но решить эту проблему можно обернув нужный тег в <div>

👍- если было полезно | ➡️ WebTaverna