Главная » Сниппеты » Настройка размеров текстового поля с помощью CSS

Настройка размеров текстового поля с помощью CSS

Настройка размеров текстового поля с помощью CSS

При добавлении текстового поля созданного через тег <> на отдельную страницу или в запись, в современных браузерах по умолчанию присутствует еле заметный уголок с помощью которого мышью пользователям представляется возможность изменить размеры поля ввода. В некоторых случаях(по разным причинам) возникает необходимость определить направление изменения размеров текстовых полей по горизонтали и вертикали, или же вовсе запретить изменение размера.

Для этих целей существует специальное свойство CSS, которое через определенные значения, позволяет контролировать, как пользователь может изменять размер текстовых полей.

resize: both;
resize: horizontal;
resize: vertical;
resize: none;

Приведу примеры использования этих свойств на деле.

resize: both;

<textarea style="resize: both;">
Изменение размера текстового поля в двух направлениях, по горизонтали и вертикали...
</textarea>

resize: horizontal;

<textarea style="resize: horizontal;">
Изменение размера текстового поля по горизонтали...
</textarea>

resize: vertical;

<textarea style="resize: vertical;">
Изменение размера текстового поля по вертикали...
</textarea>

resize: none;

<textarea style="resize: none;">
Запрещаем изменять размер...
</textarea>

Чаще всего, а если быть точнее, то практически всегда, по умолчанию, для тега <textarea> в CSS определено свойство resize: both;, так что при острой необходимости вы сможете предопределить свой вариант изменения размеров текстового поля, непосредственно в самом теге <textarea> через style=" ", прописав нужное вам свойство.

PS: Обращаюсь к «распальцованным мастерам», к тем что круты, как те самые яйца. Господа, ну ненужно писать в комментариях типа: «ни о чём», «старо как мир», «баян», «шляпа» и т.д..., а уж тем более мат, материться я тоже давно и хорошо обучен, ещё в далеких 70-х, так что, не стоит зря жо... рвать в клочья.
Заметка из раздела «сниппеты», фрагменты кода, если хотите — это всего лишь напоминание или своеобразная шпаргалка, как для меня самого, так и для тех кому оно надо...
Любая конструктивная критика всегда уместна и приветствуется от всей души. А вступать в перепалку и отвечать на разного рода «высер», чересчур «охуевших» от своей значимости «пациков», это что письками меряться...

С уважением, Андрей.

Google Bookmarks News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !

Присоединяйтесь к обсуждению!

Отправляя кoммeнтapий, Вы автоматически принимаете правила кoммeнтиpoвaния на этом блоге.

Правила кoммeнтиpoвaния на блоге Dobrovoimaster:

  1. Во избежание захламления спамом, первый кoммeнтapий всегда проходит премодерацию.
  2. В поле "Ваш сайт" лучше указывать ссылку на главную страницу вашего сайта/блога. Ссылки на прочую веб-лабуду (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Не используйте в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия, имя изменяю на свое усмотрение. Просьба указывать нормальное имя или ник.
  4. Скорее всего, что не информативный и короткий кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.
  5. Комментарии не по теме безжалостно удаляются.

Подписаться не комментируя

Обновления комментариев по RSS RSS комментариев к этой записи »
Рейтинг@Mail.ru