Свойство resize
Свойство resize позволяет указать, может ли пользователь изменять размер элемента, и если да, то по какой оси.
Допустимые значения
- none — изменять размеры элемента нельзя
- both — изменять размеры элемента можно по обоим осям
- horizontal — изменять размеры элемента можно по горизонтали
- vertical — изменять размеры элемента можно по вертикали
- inherit — наследует значение от родителя
| Значение по умолчанию | none |
|---|---|
| Применимо | согласно спецификации W3C ко всем элементам cо значением свойства overflow отличным от visible |
| Наследование | нет |
| Версия CSS | CSS 3 |
| Поддерживается браузерами |
|
Пример
.someClass {
overflow: auto ;
resize: horizontal ;
}
Твой код:
Результат:
большой полигон
Заметки
Safari 3.1 и выше и Chrome не позволяют сделать элемент меньше чем оригинальный размер, а Safari 3.0 позволяет это сделать.
Safari не понимает значений свойства horizontal и vertical.
Свойство resize можно использовать, чтобы отключить посетителю возможность изменять размеры textarea в Safari и Chrome.
Теги: изменение размеров, CSS свойства