-
Главная
-
CSS
-
Свойство resize
← Перейти к списку свойств
Свойство resize
позволяет пользователю изменять размер элемента. Для того чтобы это свойство работало, у объекта свойство overflow должно иметь значение "scroll", "auto", или "hidden".
Поддержка браузеров
Синтаксис
resize: none|both|horizontal|vertical|initial|inherit
Значения свойства
Значение |
Описание |
none |
Пользователь не может изменять размер элемента. |
both |
Пользователь может изменить как высоту, так и ширину элемента. |
horizontal |
Пользователь может изменить ширину элемента. |
vertical |
Пользователь может изменить как высоту элемента. |
initial |
Устанавливает значение по умолчанию. |
inherit |
Унаследует значение свойства от родительского элемента. |
Песочница
Код в песочнице можно редактировать и видеть результат в реальном времени:
<div class="block"></div>
HTML
.block {
height: 100px;
width: 100px;
border: 1px solid #333;
overflow: auto;
resize: both
}
CSS
← Перейти к списку свойств