Свойство resize
Описание
Указывает, можно ли пользователю изменять размеры текстового поля.
Синтаксис
resize: none | both | horizontal | vertical;Подробности
| Значение | Описание |
| none | Размеры элемента не изменяются. |
| both | Можно изменять размеры элемента по горизонтали и вертикали. |
| horizontal | Можно изменять размеры элемента только по горизонтали. |
| vertical | Можно изменять размеры элемента только по вертикали. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#ta {
resize: both;
}
</style>
<p>Потяните за правый уголок, чтобы изменить размер текстового поля.</p>
<p><textarea id='ta' cols='30' rows='7'></textarea></p>
</body>
</html>Читайте также
Стиль первого элемента
Псевдокласс задаёт стиль первого элемента в группе братских элементов (имеющих одного родителя).
Для выбора первого элемента определённого типа...
Свойство align-content
Указывает, как выравниваться строкам внутри флекс - контейнера по поперечной оси при условии, что есть свободное пространство....
Стиль элемента при наведении на него курсора мыши
Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата....
Свойство grid-column-end
Определяет местоположение в сетке ссылаясь на конкретные линии.
grid-column-end / grid-row-end — это линия на которой элемент заканчивается....