Как отключить свойство изменения размера текстового поля с помощью CSS?

Опубликовано: 4 Февраля, 2022

Это свойство изменяемого размера используется для установки области изменения размера элементов. В основном он используется с элементами textarea и div. Чтобы отключить свойство изменения размера элемента, используйте параметр resize to none. Это значение по умолчанию.

Синтаксис

 изменить размер: нет;

Example:

<!DOCTYPE html>
<html>
    <head>
        <title>Disable resize property</title>
        <style> 
            h1 {
                color:green;
            }
            body {
                text-align:center;
            }
            textarea {
                overflow:auto;
                resize:none;
                width:200px;
                height:100px;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>Disable resize property</h2>
        <textarea>GeeksForGeeks: A computer science portal for 
        geeks. It is a good platform to learn programming.
        </textarea>
    </body>
</html>                    

Выход:

Поддерживаемые браузеры: браузеры, поддерживаемые свойством resize, перечислены ниже:

Apple Safari 4.0
Google Chrome 4.0
Firefox 5.0
Opera 15.0

Picked HTML CSS-Misc CSS

Как отключить свойство изменения размера текстового поля с помощью CSS?

РЕКОМЕНДУЕМЫЕ СТАТЬИ