resize | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 09.12.2016
Главная » Справочник CSS3 » Свойства интерфейса


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


resize | Свойство CSS

Свойство resize устанавливает возможность изменения текстового поля.




Свойство resize устанавливает возможность изменения текстового поля пользователем.Изменения могут происходить по горизонтальной и вертикальной оси,увеличивая его размеры до необходимых пользователю.Если значения будут разрешающими к изменению,уголок текстового поля будет отражать это,и будет создавать видимость изменения текстового поля в установленном направлении.Свойство применимо ко всем элементам cо значением свойства overflow кроме значения visible,создано в версии CSS3 и проходит валидацию согласно версии CSS3.




Дополнительные значения применяемые к resize


Значение
Описание
noneРазмеры текстового поля фиксированные и не подлежат изменению
bothРазмеры текстового поля можно изменять по горизонтали и вертикали
horizontalРазмеры текстового поля можно изменять только по горизонтали
verticalРазмеры текстового поля можно изменять только по вертикали
inheritНаследует значение родителя

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство resize</title>
<style type="text/css">
<!--
textarea {
resize:both;
width:420px;
height:100px;
overflow:auto;
border:2px solid red;
background:green;
font-size:20px;
color:yellow;
}
-->
</style>
</head>
<body>
<textarea>Это текстовое поле можно изменить в обоих направлениях,как по горизонтали так и по вертикали</textarea>
</body>
</html>

Пример в действии



Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/2004/CR-css3-ui-20040511/#resize
Категория: Свойства интерфейса | Добавил: IZOTOP (31.05.2012) | Автор: Меренков Михаил E W
Просмотров: 562 | Теги: css, текстовое поле, Resize, пример, style, изменить, форму | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]