1 [html] view plaincopyprint?
2 原贴地址:<a href="http://heichong.iteye.com/blog/860698">http://heichong.iteye.com/blog/860698</a>
3 [html] view plaincopyprint?
4 关键字: 用js给html表单设置style
5 首先，把CSS和JS标签style属性对照表了解了：
6
7 CSS 和 JavaScript 标签 style 属性对照表：
8
9
10
11 盒子标签和属性对照
12 CSS语法（不区分大小写） JavaScript语法（区分大小写）
13 border border
14 border-bottom borderBottom
15 border-bottom-color borderBottomColor
16 border-bottom-style borderBottomStyle
17 border-bottom-width borderBottomWidth
18 border-color borderColor
19 border-left borderLeft
20 border-left-color borderLeftColor
21 border-left-style borderLeftStyle
22 border-left-width borderLeftWidth
23 border-right borderRight
24 border-right-color borderRightColor
25 border-right-style borderRightStyle
26 border-right-width borderRightWidth
27 border-style borderStyle
28 border-top borderTop
29 border-top-color borderTopColor
30 border-top-style borderTopStyle
31 border-top-width borderTopWidth
32 border-width borderWidth
33 clear clear
34 float floatStyle
35 margin margin
36 margin-bottom marginBottom
37 margin-left marginLeft
38 margin-right marginRight
39 margin-top marginTop
40 padding padding
41 padding-bottom paddingBottom
42 padding-left paddingLeft
43 padding-right paddingRight
44 padding-top paddingTop
45
46 颜色和背景标签和属性对照
47 CSS 语法（不区分大小写） JavaScript 语法（区分大小写）
48 background background
49 background-attachment backgroundAttachment
50 background-color backgroundColor
51 background-image backgroundImage
52 background-position backgroundPosition
53 background-repeat backgroundRepeat
54 color color
55
56 样式标签和属性对照
57 CSS语法（不区分大小写） JavaScript 语法（区分大小写）
58 display display
59 list-style-type listStyleType
60 list-style-image listStyleImage
61 list-style-position listStylePosition
62 list-style listStyle
63 white-space whiteSpace
64
65 文字样式标签和属性对照
66 CSS 语法（不区分大小写） JavaScript 语法（区分大小写）
67 font font
68 font-family fontFamily
69 font-size fontSize
70 font-style fontStyle
71 font-variant fontVariant
72 font-weight fontWeight
73
74 文本标签和属性对照
75 CSS 语法（不区分大小写） JavaScript 语法（区分大小写）
76 letter-spacing letterSpacing
77 line-break lineBreak
78 line-height lineHeight
79 text-align textAlign
80 text-decoration textDecoration
81 text-indent textIndent
82 text-justify textJustify
83 text-transform textTransform
84 vertical-align verticalAlign
85
86
87
88 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
89 <HTML>
90 <HEAD>
91 <TITLE> New Document </TITLE>
92 </HEAD>
93 <script language="javascript">
94 function validate(){
95 if (document.all("name").value == ""){
96 document.all("name").style["borderColor"]="red";//就是这里
97 return;
98 }
99 }
100 </script>
101 <BODY>
102 <input type="text" name="name" >
103 </BODY>
104 </HTML>
