Ця властивість змінного розміру використовується для встановлення області змінного розміру елементів. Здебільшого використовується з елементами textarea та div. Щоб вимкнути властивість змінного розміру елемента не використовуйте змінення розміру. Це значення за замовчуванням.
за додавання style="resize: none;" атрибут безпосередньо до тегу <textarea>, ми вимикаємо його властивість змінного розміру, не потребуючи зовнішньої чи внутрішньої таблиці стилів. Цей метод особливо корисний для швидких виправлень або при роботі з динамічно створеним вмістом, де додавання правила CSS може бути менш простим.
Ми можемо встановити розмір текстової області за допомогою HTML за допомогою рядків і стовпців. рядки*стовпці будуть розміром текстової області. cols: використовується, щоб повідомити браузеру, скільки символів середньої ширини має поміститися в один рядок, тобто кількість стовпців для відображення.
Спосіб контролю над цим збільшенням розміру шрифту — за допомогою властивість -webkit-text-size-adjust, для якого ви можете встановити значення відсотка, до якого максимально збільшиться розмір тексту, значення auto для поведінки за замовчуванням (яке ви бачите вище) або значення none, щоб запобігти масштабуванню тексту. Встановлення значення 100% еквівалентне none .
Ось як вимкнути його, щоб текст залишався того самого розміру.
- Клацніть у текстовому полі.
- Перейдіть на вкладку «Інструменти текстового поля», «Формат», а потім клацніть «Припасувати текст».
- Клацніть «Не автопідбір».