resize
Поддержка браузерами
| 5.0+ | 4.0+ | 15.0+ | 4.0+ |
Описание
CSS свойство resize указывает, может ли размер элемента изменяться пользователем.
Свойство resize применяется только к элементам, у которых свойство overflow не установлено в значение "visible".
| Значение по умолчанию: | none |
|---|---|
| Применяется: | ко всем элементам, кроме overflow: visible |
| Анимируется: | нет |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.resize="both" |
Синтаксис
resize: none|both|horizontal|vertical|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| none | Запрещает пользователю изменять размер элемента. |
| both | Разрешает пользователю изменять ширину и высоту элемента. |
| horizontal | Разрешает пользователю изменять ширину элемента. |
| vertical | Разрешает пользователю изменять высоту элемента. |
Пример
CSS Свойство:
resize:
Результат:
Измените значение свойства и попробуйте поменять размер этого элемента наведя курсор на нижний правый угол.
CSS Код:
#myDIV {
resize: both;
overflow: auto;
}
resize: both;
overflow: auto;
}