Свойство 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>

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии