CSS Cookbook, 2nd Edition

background-color

Figure D-41. Testing the background color of radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad041.gif

background-image

Figure D-42. Testing background images in radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad042.gif

border: 0;

Figure D-43. Testing the removal of borders on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad043.gif

border-color

Figure D-44. Testing of colors on the radio button borders can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad044.gif

border-style

Figure D-45. Testing the styles of borders on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad045.gif

border-width

Figure D-46. Testing the widths of borders on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad046.gif

color

Figure D-47. Testing the color on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad047.gif

font-family

Figure D-48. Testing to set a different font on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad048.gif

font-size

Figure D-49. Testing a different size of font on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad049.gif

font-weight

Figure D-50. Testing a bold font on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad050.gif

height

Figure D-51. Testing to set a height for radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad051.gif

letter-spacing

Figure D-52. Testing the letter spacing of radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad052.gif

line-height

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

margin

Figure D-54. Testing margins on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad054.gif

padding

Figure D-55. Testing padding on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad055.gif

text-align

Figure D-56. Testing the alignment of text on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad056.gif

text-decoration

Figure D-57. Testing to set a different font on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad057.gif

text-indent

Figure D-58. Testing indenting the text on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad058.gif

width

Figure D-59. Testing the width of radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad059.gif

word-spacing

Figure D-60. Testing the spacing between words on radio buttons can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad060.gif

Table D-4. A review of the CSS properties on radio buttons

 WinIE5WinIE5.5WinIE6WinIE7Safari2WinFF1.5MacFF1.5WinNN7.2MacNN7.2Op8.5
background-colorSSSSNNNNNY
background-imageSSSSNNSNSS
borderNNNNNNNNNN
border-colorSSSSNNNNNS
border-styleSSSSNNNNNS
border-widthNNNNNNNNNN
colorNNNNNNNNNN
font-familyNANANANANANANANANANA
font-sizeNNNNNNNNNN
font-weightNANANANANANANANANANA
heightSSSSNNYSYS
letter-spacingNANANANANANANANANANA
line-heightNNNNNNNNNN
marginYYYYYYYYYY
paddingNNNNNNNNNS
text-alignNANANANANANANANANANA
text-decorationNANANANANANANANANANA
text-indentYYYSNNNNNN
widthSSSSSNYSYS
word-spacingNANANANANANANANANANA

Категории