Атрибут resize — это свойство пользовательского интерфейса CSS3, которое позволяет пользователю изменять размер элемента. Атрибут resize — это свойство пользовательского интерфейса CSS3, которое позволяет пользователю изменять размер элемента.
изменить размер: нет | оба | по горизонтали | по вертикали;
Синтаксис объясняется следующим образом:
● нет: пользователи не могут регулировать размер элемента;
●оба: пользователи могут регулировать высоту и ширину элементов;
●горизонтально: пользователь может регулировать ширину элемента;
●вертикальный: пользователь может регулировать высоту элемента.
При использовании атрибута resize также необходимо обратить внимание на следующие моменты:
● Установка только атрибута изменения размера недействительна. Для того чтобы атрибут изменения размера был эффективным, его необходимо использовать в сочетании с атрибутом переполнения, а значение атрибута переполнения должно быть установлено на авто, скрыто или прокручиваться;
● Не все элементы могут быть установлены с помощью атрибута изменения размера. Например, атрибуты img и table не могут использовать атрибут изменения размера.
(изменить размер) отрегулировать размер элемента
1. Изменение размера: нет. Изменение размера: нет.
Пример:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:none;</style></head><body><h1>ResizeProperty</h1 ><div><p>изменение размера: нет</p></div></body></html>
Результаты запуска:
2.Изменить размер: оба
Пример:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:both;overflow:auto;</style></head><body><h1> TheresizeProperty</h1><div><p>resize:both</p></div></body></html>
Результаты запуска:
3. Изменение размера: горизонтальное изменение размера: горизонтальное
Пример:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:horizontal;overflow:auto;</style></head><body><h1> TheresizeProperty</h1><div><p>resize:horizontal</p></div></body></html>
Результаты запуска:
4. Изменение размера: вертикальное изменение размера: вертикальное
Пример:
<!DOCTYPEhtml><html><head><style>div{border:3pxsolid;padding:15px;width:300px;resize:vertical;overflow:auto;</style></head><body><h1> TheresizeProperty</h1><div><p>resize:vertical</p></div></body></html>
Результаты запуска: