Свойство CSS resize
Определение и использование
Атрибут resize определяет, можно ли изменять размер элемента пользователем.
Комментарий:Чтобы этот атрибут работал, необходимо установить атрибут overflow элемента, значение может быть auto, hidden или scroll.
См. также:
Уроки CSS3:Интерфейс пользователя CSS3
Руководство по HTML DOM:атрибут resize
Пример
Определяет размер div элемента, который может быть изменен пользователем:
div
{
resize:both;
overflow:auto;
}
CSS синтаксис
resize: none|both|horizontal|vertical;
Значение атрибута
| Значение | Описание |
|---|---|
| нет | Элементы не могут быть изменены пользователем. |
| оба | Элементы, которые могут быть изменены пользователем, имеют высоту и ширину. |
| горизонтальная | Элементы, которые могут быть изменены пользователем, имеют ширину. |
| вертикальная | Элементы, которые могут быть изменены пользователем, имеют высоту. |
Технические детали
| Значение по умолчанию: | нет |
|---|---|
| Ингеритируемость: | нет |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.resize="both" |
Поддержка браузеров
Числа в таблице указывают на первую версию браузера, которая поддерживает этот атрибут.
Числа с префиксом -moz- указывают на первую версию с использованием префикса.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
