《JS边框border初学模板》由会员分享，可在线阅读，更多相关《JS边框border初学模板（17页珍藏版）》请在金锄头文库上搜索。
1、1 borderBottom属性在一个声明中为下边框设置所有的属性。语法：值描述值thinmediumborderWidth 设置边框的宽度。thicklengthnonehiddendotteddashedsolidborderStyle设置边框的样式。doublegrooveridgeinsetoutsetcolor-namecolor-rgbborderColor设置边框的颜色。 color-hex transparent实例下面的例子设置下边框：p border: thin dotted #FF0000function changeBorder()document.getElement
2、ById(p1).style.borderBottom=thick solid blue;This is a paragraph with a border2 borderBottomColor属性设置元素的下边框的颜色。语法：实例本例改变下边框的颜色：p border: thick solid #FF0000function changeBorderColor()document.getElementById(p1).style.borderBottomColor=blue;This is a paragraph3 borderBottomStyle属性设置下边框的样式。语法：值描述none
3、定义无边框。与 none 相同。不过应用于表时除外，对于表， hidden 用于解决边框 hidden 冲突。dotted 定义点状边框。在大多数浏览器中呈现为实线。dashed 定义虚线。在大多数浏览器中呈现为实线。solid定义实线。double 定义双线。双线的宽度等于 border-width的值。groove 定义 3D凹槽边框。其效果取决于 border-color的值。ridge定义 3D垄状边框。其效果取决于 border-color的值。inset定义 3D inset边框。其效果取决于 border-color的值。outset定义 3D outset边框。其效果取决于 b
4、order-color的值。4 borderBottomWidth属性设置下边框的宽度。语法：值描述thin定义细的下边框。medium 默认。定义中等的下边框。thick定义粗的下边框。length允许您自定义下边框的宽度。实例本例改变下边框的宽度：pborder: thin solid #FF0000function changeBorderWidth()document.getElementById(p1).style.borderBottomWidth=thick;This is a paragraph5 borderCollapse 属性设置表格的边框是否被合并为一个单一的边框，还是
5、象在标准的 HTML 中那样分开显示。语法：可能的值值描述separate 边框会被分开。collapse默认。如果可能，边框会被合并为一个单一的边框。实例下面的例子合并表格边框：function setBorderCollapse()document.getElementById(myTable).style.borderCollapse=collapse1002003004006 borderColor属性设置元素周围边框的颜色。本属性可使用 1到 4种颜色：如果规定一种颜色，比如table border-color: red -所有的边框都是红色。如果规定了两种颜色，比如table bo
6、rder-color: red green -上边框和下边框是红色，而左边框和右边框是绿色。如果规定了三种颜色，比如tableborder-color:red green blue-上边框是红色，左边框和右边框是绿色，下边框是蓝色。如果规定了四种颜色，比如table border-color: red green blueyellow- 上边框是红色， 右边框是绿色， 下边框是蓝色， 左边框是黄色。语法：实例本例改变边框的颜色：pborder: thick solid #FF0000function changeBorderColor()document.getElementById(p1).
7、style.borderColor=#0000FF #00FF00;This is a paragraph7 borderLeft属性在一个声明中为左边框设置所有属性。语法：可能的值：值描述值borderWidth 设置边框的宽度。thinmediumthicklengthnonehiddendotteddashedsolidborderStyle设置边框的样式。doublegrooveridgeinsetoutsetcolor-namecolor-rgbborderColor设置边框的颜色。 color-hex transparent实例本例改变左边框的宽度、样式和颜色：pborder: thin dotted #FF0000function changeBorder()document.getElementById(p1).style.borderLeft=thick solid #0000FF;This is a paragraph8 borderLeftColor属性设置元素的左边框的颜色。语法：实例本例改变左边框的颜色：pborder: t
