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.  


How To Disable Resizable Property of Textarea Using CSS ?


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.

<!DOCTYPE html>
<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

Previous Post Next Post