Свойство resize
Задает возможность менять размеры элемента. Часто используется для тега textarea
resize: vertical;Пошаговый план! Как быстро научиться создавать сайты!
- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Значения
resize: none;
Запрещает изменять размеры элемента
<style>
.example-1 {
width: 150px;
height: 100px;
resize: none;
}
</style>
<textarea class="example-1" placeholder="Текстовое поле"></textarea>resize: vertical;
Разрешает изменять размер элемента по вертикали
<style>
.example-2 {
width: 150px;
height: 100px;
resize: vertical;
}
</style>
<textarea class="example-2" placeholder="Текстовое поле"></textarea>resize: horizontal;
Разрешает изменять размер элемента по горизонтали
<style>
.example-3 {
width: 150px;
height: 100px;
resize: horizontal;
}
</style>
<textarea class="example-3" placeholder="Текстовое поле"></textarea>resize: both;
Разрешает изменять размер элемента по вертикали и горизонтали
<style>
.example-4 {
width: 150px;
height: 100px;
resize: both;
}
</style>
<textarea class="example-4" placeholder="Текстовое поле"></textarea>