css властивість resize


Властивість resize вказує, чи дозволено користувачу змінювати розміри елемента.

Властивість `resize`

Ви можете вказати, чи може користувач змінювати розмір елемента по горизонталі, вертикалі, в обох напрямках або взагалі заборонити таку можливість.

Властивість resize не слід плутати з властивістю overflow, що дозволяє вказати, що має відбутися, якщо вміст елемента занадто великий, щоб він містився всередині поля. У цьому випадку ви можете вказати, що в полі має з'являтися смуга прокрутки, приховувати вміст або що вміст не слід обрізати (тобто він повинен з'явитися поза рамкою). Однак це не те ж саме, що і властивість зміни розміру, що дозволяє користувачеві змінювати розмір блоку.

Нотатка:

Властивість resize не застосовується до блоків, де для властивісті overflow встановлено visible. Враховуючи, що це значення без задання для цього ресурсу, вам потрібно переконатися, що для overflow встановлено значення відмінне від visible (наприклад, scroll чи auto).

Синтаксис

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; 


}

Додаткові посилання