Set border for a textarea to '1px solid black' : textarea « Form « HTML / CSS






  1. HTML / CSS
  2. Form
  3. textarea

Set border for a textarea to '1px solid black'

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
textarea {
 width: 300px;
 height: 100px;
 background-color: yellow;
 font-size: 1em;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border: 1px solid black;
}
</style>
</head>

<body>
  <p>
    <TEXTAREA name="thetext" rows="20" cols="80">Notes.</TEXTAREA>
   </p>
   <input name="reset" type="reset" id="reset" value="Reset" />
   <input type="submit" name="Submit" value="Submit" class="buttonSubmit" />
  </form>
  
</body>
</html>








Related examples in the same category

1.'textarea' creates a multiline text entry control
2.textarea width:400px;
3.textarea padding:2px;
4.textarea font: normal 1em Verdana, sans-serif;
5.textarea border:1px solid #eee;
6.textarea height:100px;
7.textarea display:block;
8.textarea color:#777;
9.textarea width: 280px;
10.textarea border: 1px solid #EFEFEF;
11.textarea font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
12.textarea color: #666666;
13.textarea width: 300px; height: 100px; background-color: yellow;
14.textarea font-size: 1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
15.textarea border: 1px solid black;
16.textfield display: block;
17.textfield width: 250px;
18.textfield border: 1px solid #AF9D72;
19.textfield background-color: #F2ECD7;
20.Textarea float: left;
21.Textarea height: 72px;
22.Textarea width: 370px;
23.Textarea border-bottom: 1px solid #847F7A;
24.Textarea border-right: 1px solid #847F7A;
25.Textarea border-top: 2px solid #847F7A;
26.Textarea border-left: 2px double #847F7A;
27.Textarea margin: 4px 0 0 0;
28.Textarea overflow: hidden
29.Textarea with column and row setting
30.The textarea element
31.textarea name="hobbies" rows="7" cols="40"
32.Text Field wiht size and maxlength
33.A Simple Text Field
34.Setting the value of a text field
35.Single line text input control
36.input type = "text" inserts a text box
37.A prepopulated text field with a maximum length
38.Set text field background
39.Text field border style
40.Text input sizes
41.Multi line text input control
42.textarea creates a multiline textbox
43.White space is preserved in a text area
44.Set background color for textarea
45.set font size, weight, family for textarea
46.Set width and height for textarea
47.Set required textarea field to have solid border and highlight color
48.textarea:focus