Home Home HTML Textarea Fixed Size

HTML Textarea Fixed Size

In this tutorial I will show you how to make HTML textarea element fixed size.

This simple CSS code disables resizing of the element.

textarea {
   resize: none;
}

Now you can use height and width property to provide a fixed height and width to the element. Some developers also use cols and rows css property to provide textarea size.

<textarea cols="num" rows="num"></textarea>
textarea {
    width: 100px;
    height: 100px;
}

You can also decide to resize your textareas only horizontal or vertical, this way:

textarea {
    resize: vertical;
}
textarea {
    resize: horizontal;
}
Narayan Prusty
Stop requestAnimationFramerequestAnimationFrame Delay
Comments: 2
  1. 2 years ago

    size not fixed.
    u can fix it in stylesheet

    ReplyCancel
  2. 3 years ago

    It is not ‘fixed size’ because modifying content changes the size, thus not fixed.

    ReplyCancel

Leave a Reply

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

Narayan Prusty

I am a full-stack web developer. I specialize in Blockchain and JavaScript. This is my personal blog where I write about programming and technologies that I learn and feel interesting to share.

4 years ago 2 Comments Web Development
Share this
Related Articles