CSS Cookbook, 2nd Edition

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

 WinIE5WinIE5.5WinIE6WinIE7Safari2WinFF1.5MacFF1.5WinNN7.2MacNN7.2Op8.5

background-color

YYYYYYYYYY

background-image

YYYYNYYYYY

border

YYYYNYYYYY

border-color

YYYYNYYYYY

border-style

YYYYNYYYYY

border-width

YYYYNYYYYN

color

YYYYYYYYYY

font-family

YYYYYYYYYY

font-size

YYYYYYYYYY

font-weight

YYYYYYYYYY

height

YYYYNYYYYS

letter-spacing

YYYYNSSYYY

line-height

NNNNNNNNNN

margin

YYYYYYYYYY

padding

YSYYNYYYYS

text-align

NNNNNNNNNN

text-decoration

YYYYNYYYYN

text-indent

SSSSNYYYYN

width

YYYYYYYYYY

word-spacing

NNYYNYYYYN

Категории