Skip to content
Related Articles

Related Articles

HTML | cols Attribute

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 24 Aug, 2022
Improve Article
Save Article

The cols attribute in HTML is used to tell the browser how many average-width characters should fit on a single line i.e. the number of columns to display.
Note: This attribute is only applicable on <textarea> and <frameset>.
Syntax: 
 

<textarea cols = "value">Text content...</textarea>

Attribute Values: It has a default value which is 20. It contains a numeric value which represents the width of the textarea  element. 

Example: 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML cols Attribute</title>
    <style>
        h1,
        h2 {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
 
        <h2>
            HTML cols Attribute
        </h2>
 
        <!-- Below textarea is assigned a cols value 25
            That is, 25 characters will fit in a line -->
        <textarea rows="4" cols="25">
            A computer science portal for geeks.
        </textarea>
    </center>
</body>
 
</html>   

Output: 
 

cols

Supported Browsers: The browser supported by cols attribute are listed below: 
 

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Opera 12.1 and above
  • Apple Safari 4 and above

 

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!