Text Fields

background-color

Figure D-61. Testing the background color of text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad061.gif

background-image

Figure D-62. Testing background images in text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad062.gif

border: 0;

Figure D-63. Testing the removal of borders on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad063.gif

border-color

Figure D-64. Testing of colors on the text field borders can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad064.gif

border-style

Figure D-65. Testing the styles of borders on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad065.gif

border-width

Figure D-66. Testing the widths of borders on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad066.gif

color

Figure D-67. Testing the color on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad067.gif

font-family

Figure D-68. Testing to set a different font on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad068.gif

font-size

Figure D-69. Testing a different size of font on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad069.gif

font-weight

Figure D-70. Testing a bold font on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad070.gif

height

Figure D-71. Testing to set a height for text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad071.gif

letter-spacing

Figure D-72. Testing the letter spacing of text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad072.gif

line-height

Figure D-73. Testing setting the spacing between lines of text on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad073.gif

margin

Figure D-74. Testing margins on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad074.gif

padding

Figure D-75. Testing padding on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad075.gif

text-align

Figure D-76. Testing the alignment of text on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad076.gif

text-decoration

Figure D-77. Testing to set a different font on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad077.gif

text-indent

Figure D-78. Testing indenting the text on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad078.gif

width

Figure D-79. Testing the width of text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad079.gif

word-spacing

Figure D-80. Testing the spacing between words on text fields can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad080.gif

Table D-5. A review of the CSS properties on text fields

	WinIE5	WinIE5.5	WinIE6	WinIE7	Safari2	WinFF1.5	MacFF1.5	WinNN7.2	MacNN7.2	Op8.5
background-color	Y	Y	Y	Y	Y	Y	Y	Y	Y	Y
background-image	Y	Y	Y	Y	N	Y	Y	Y	Y	Y
border	Y	Y	Y	Y	N	Y	Y	Y	Y	Y
border-color	Y	Y	Y	Y	N	Y	Y	Y	Y	Y
border-style	Y	Y	Y	Y	N	Y	Y	Y	Y	Y
border-width	Y	Y	Y	Y	N	Y	Y	Y	Y	N
color	Y	Y	Y	Y	Y	Y	Y	Y	Y	Y
font-family	Y	Y	Y	Y	Y	Y	Y	Y	Y	Y
font-size	Y	Y	Y	Y	Y	Y	Y	Y	Y	Y
font-weight	Y	Y	Y	Y	Y	Y	Y	Y	Y	Y
height	Y	Y	Y	Y	N	Y	Y	Y	Y	S
letter-spacing	Y	Y	Y	Y	N	S	S	Y	Y	Y
line-height	N	N	N	N	N	N	N	N	N	N
margin	Y	Y	Y	Y	Y	Y	Y	Y	Y	Y
padding	Y	S	Y	Y	N	Y	Y	Y	Y	S
text-align	N	N	N	N	N	N	N	N	N	N
text-decoration	Y	Y	Y	Y	N	Y	Y	Y	Y	N
text-indent	S	S	S	S	N	Y	Y	Y	Y	N
width	Y	Y	Y	Y	Y	Y	Y	Y	Y	Y
word-spacing	N	N	Y	Y	N	Y	Y	Y	Y	N