Open In App

HTML cols Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

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 that 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


Last Updated : 02 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads