Textarea cols-eigenschap

HTML DOM Textarea object

Definitie en gebruik

cols Eigenschap om de waarde van de cols-eigenschap van de tekstregio in te stellen of terug te geven.

De HTML cols-eigenschap bepaalt de zichtbare breedte van de tekstregio in karakters.

Tip:U kunt ook style.width Eigenschap om de breedte van de tekstregio in te stellen.

Tip:Gebruik rows Eigenschap of style.height Eigenschappen om de hoogte van de tekstregio te wijzigen.

Zie ook:

HTML Referentiemanual:HTML <textarea> cols property

Voorbeeld

Voorbeeld 1

Wijzig de breedte van de tekstregio:

document.getElementById("myTextarea").cols = "100";

Probeer het zelf

Voorbeeld 2

Verkrijg de breedte van de tekstregio in karakters:

var x = document.getElementById("myTextarea").cols;

Probeer het zelf

Voorbeeld 3

Gebruik de style.width-eigenschap om de breedte van de tekstregio te wijzigen:

document.getElementById("myTextarea").style.width = "500px";

Probeer het zelf

Voorbeeld 4

Gebruik de cols en rows-eigenschappen om de breedte en hoogte van de tekstregio te wijzigen:

document.getElementById("myTextarea").cols = "100";
document.getElementById("myTextarea").rows = "10";

Probeer het zelf

Voorbeeld 5

Gebruik de style.width en style.height-eigenschappen om de breedte en hoogte van de tekstregio te wijzigen:

document.getElementById("myTextarea").style.width = "500px";
document.getElementById("myTextarea").style.height = "100px";

Probeer het zelf

Syntax

Retourneren van de cols-eigenschap:

textareaObject.cols

Instellen van de cols-eigenschap:

textareaObject.cols = number

Attribute value

Value Description
number Specifies the width of the text area (in average character width). The default value is 20.

Technical details

Return value: Number, representing the width of the text area in characters.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Textarea object