English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство resize CSS определяет, можно ли изменять размер элемента пользователем (если это возможно) и в каком направлении можно изменять размер.
В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | none |
|---|---|
| Применяется к: | ВидимоеПереполнениеКроме элементов |
| Инherit: | Нет |
| Анимировано: | Нет.См. Анимационные свойства. |
| Версия: | Новая функция CSS3 |
| Синтаксис JavaScript: | object.style.resize="both" |
Грамматика этого свойства такая:
resize: none | both | horizontal | vertical | initial | inherit
Ниже приведен пример того, как использовать свойство resize.
textarea {
resize: none;
}
div {
resize: both;
overflow: auto;
}Проверьте, посмотрите < / >Примечание: Свойство resize применяется к элементу, который имеет вычисленныйoverflowЗначение является visible. Если overflow в определенной оси (т.е.overflow-xvs. overflow-yЕсли значения различаются, то это свойство применяется к размерам visible, у которых не указано значение.
В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| none | Пользователь не может изменять размер элемента. Это значение по умолчанию. |
| both | Элемент отображает двусторонний механизм изменения размера, чтобы позволить пользователю изменять как высоту, так и ширину элемента. |
| horizontal | Элемент отображает односторонний механизм изменения размера по горизонтали, чтобы позволить пользователю изменять только ширину элемента. |
| vertical | Элемент отображает односторонний механизм изменения размера по вертикали, чтобы позволить пользователю изменять только высоту элемента. |
| initial | Установите этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует значение свойства resize родительского элемента. |
Совместимость браузеров для свойства resize, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим учебникам:CSS Overflow.
Связанные свойства:overflow,overflow-x,overflow-y