Изменение размера (resize)link

https://dev.ru.simai.io/ru/ui/utility/form/resize.php

С помощью модификаторов resize вы можете управлять тем, может ли элемент быть изменён в размерах пользователем, и в каком направлении.

Классы и их значенияlink

Класс Значение
.resize-none resize: none;
.resize-y resize: vertical;
.resize-x resize: horizontal;
.resize resize: both;

Описаниеlink

Используя данные модификаторы, вы можете разрешить или запретить изменение размера элемента, а также задать направление изменения размера — по горизонтали, по вертикали или по обеим осям.

Синтаксисlink

  • resize-none – запретить изменение размера.
  • resize-y – разрешить изменение размера только по вертикали.
  • resize-x – разрешить изменение размера только по горизонтали.
  • resize – разрешить изменение размера по обеим осям.

Пример использованияlink

<!-- Изменение размера во всех направлениях -->
<textarea class="resize p-1 border-1 ..."></textarea>

<!-- Изменение размера только по вертикали -->
<textarea class="resize-y p-1 border-1 ..."></textarea>

<!-- Изменение размера только по горизонтали -->
<textarea class="resize-x p-1 border-1 ..."></textarea>

<!-- Заблокировать изменение размера -->
<textarea class="resize-none p-1 border-1 ..."></textarea>