Textbox Border

This page demonstrates how to create a textbox border around your HTML textboxes.

Textboxes are input fields created by the <textarea> element. You can use the CSS border property to add a border around your HTML textboxes. You can also use border-width, border-style, and border-color, but the border property covers all of these anyway.

Here are some examples of textbox borders.

Solid Textbox Border

Source CodeResult

Dashed Textbox Border

Source CodeResult

Dotted Textbox Border

Source CodeResult

Double Textbox Border

Source CodeResult

Outset Textbox Border

Source CodeResult

Inset Textbox Border

Source CodeResult

Grooved Textbox Border

Source CodeResult

Ridged Textbox Border

Source CodeResult

Various Textbox Borders

You can also specify different styles/colors/widths for each side of your textbox. You can also specify that the border should only be placed on one/two/three sides of the text box.

Source CodeResult

Textbox Border on 1 Side Only

You can also specify that the border should only be placed on one side of the text box. Example:

Source CodeResult

Textbox Border on 1 Side Only

You can also use the above technique to place a border on two or three sides of the text box. Example:

Source CodeResult

About HTML.am

HTML.am was created in order to provide HTML tools, codes, tutorials, and other resources to help webmasters create and maintain their HTML documents.

HTML.am aims primarily at beginners, but may also be useful to web professionals.

About the HTML Codes

The HTML codes on this website are provided free of charge, for you to use however you wish. Feel free to modify the code to suit your own needs.

Need Hosting?

Our partner site ZappyHost provides website hosting, domain names and related products at some of the best prices on the web. If you need web hosting, check them out!