In this post, we will learn how to disable resizable property of textarea using CSS. So how we can do this, we will learn in this post.
Disable Resizable Property of Textarea
To disable resizable property of textarea, we will use the CSS resize property. This property disable the horizontal and vertical resizable property of the textarea and also hide the reisizing handle at the bottom right corner.
So how we can do this, we will see in the following example.
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>How To Disable Resizable Property of Textarea Using CSS ?</title>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<textarea rows="10" cols="30"></textarea>
</body>
</html> code-box
Summary
In this post we learned how to disable resizable property of textarea using CSS. You try to make it yourself. I hope you make. If you face any problem, then comment and tell us. Keep visiting the blog to read more similar posts.
Post a Comment