css властивість resize
Властивість resize вказує, чи дозволено користувачу змінювати розміри елемента.
Ви можете вказати, чи може користувач змінювати розмір елемента по горизонталі, вертикалі, в обох напрямках або взагалі заборонити таку можливість.
Властивість resize не слід плутати з властивістю overflow, що дозволяє вказати, що має відбутися, якщо вміст елемента занадто великий, щоб він містився всередині поля. У цьому випадку ви можете вказати, що в полі має з'являтися смуга прокрутки, приховувати вміст або що вміст не слід обрізати (тобто він повинен з'явитися поза рамкою). Однак це не те ж саме, що і властивість зміни розміру, що дозволяє користувачеві змінювати розмір блоку.
| Нотатка: | Властивість |
Синтаксис
resize: none|both|horizontal|vertical|initial|inherit;Властивість resize може отримувати 6 значень:
noneРозміри елемента не змінюються.
bothМожна змінювати розміри елемента по горизонталі та вертикалі.
horizontalМожна змінювати розміри елемента тільки по горизонталі.
verticalМожна змінювати розміри елемента тільки по вертикалі.
initialВстановлює цю властивість в значення без задання.
inheritУспадкує значення від свого батьківського елемента.
| Значення без задання: | none |
|---|---|
| Наслідує: | Ні |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.resize="both" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| resize | 4.0 |
Не підтримується |
5.0 |
4.0 |
12.10 |
Не підтримується |
| Переглядач | |||
|---|---|---|---|
| resize | Не підтримується |
37.0 |
Не підтримується |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Тепер користувач зможе змінювати розміри елемента
div {
resize: both;
overflow: auto;
}