пример
Укажите , что <div> элемент должен быть изменяемыми пользователем:
div {
resize: both;
overflow: auto;
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство изменения размера определяет, является ли изменяемыми пользователем элемент.
Note: Свойство изменения размера применяется к элементам которых вычисленное значение переполнения есть нечто иное , чем "visible" .
| Значение по умолчанию: | none |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.resize="both" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа с последующим -moz- указать первую версию, которая работала с приставкой.
| Имущество | |||||
|---|---|---|---|---|---|
| resize | 4.0 | Не поддерживается | 5.0 4.0 -moz- | 4.0 | 15,0 |
CSS Синтаксис
resize: none|both|horizontal|vertical|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| none | Значение по умолчанию. Пользователь не может изменить размер элемента | Сыграй " |
| both | Пользователь может регулировать как высоту и ширину элемента | Сыграй " |
| horizontal | Пользователь может регулировать ширину элемента | Сыграй " |
| vertical | Пользователь может регулировать высоту элемента | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Еще примеры
пример
Пусть пользователь изменить размер только высоту <div> элемент:
div
{
resize: vertical;
overflow:
auto;
}
Попробуй сам " пример
Пусть пользователь изменить размер только ширину <div> элемент:
div
{
resize: horizontal;
overflow:
auto;
}
Попробуй сам " пример
По умолчанию, <textarea> элементы являются изменяемыми. Используйте свойство изменения размера для предотвращения текстовых областей, изменять размеры (disable the "grabber" in the textarea) :
textarea {
resize: none;
}
Попробуй сам " Похожие страницы
CSS3 учебник: CSS3 Интерфейс пользователя
HTML DOM ссылка: resize property