JS边框border初学

《JS边框border初学》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、1borderBottom属性在一个声明中为下边框设置所有的属性。语法：Object.style.borderBottom=borderWidthborderStyleborderColor值描述值borderWidth设置边框的宽度。·thin·medium·thick·lengthborderStyle设置边框的样式。·none·hidden·dotted·dashed·solid·double·groove·ridge·inset·outsetborderColor设置边框的颜色。·color-name·color-rgb·color-hex·trans

2、parent实例下面的例子设置下边框：p{border:thindotted#FF0000}functionchangeBorder(){document.getElementById("p1").style.borderBottom="thicksolidblue";}

3、ngebottomparagraphborder"/>Thisisaparagraphwithaborder

4、color-rgb

5、color-hex实例本例改变下边框的颜色：p{border:thicksolid#FF0000}

6、cript">functionchangeBorderColor(){document.getElementById("p1").style.borderBottomColor="blue";}Thisisaparagraph

7、borderBottomStyle=style值描述none定义无边框。hidden与"none"相同。不过应用于表时除外，对于表，hidden用于解决边框冲突。dotted定义点状边框。在大多数浏览器中呈现为实线。dashed定义虚线。在大多数浏览器中呈现为实线。solid定义实线。double定义双线。双线的宽度等于border-width的值。groove定义3D凹槽边框。其效果取决于border-color的值。ridge定义3D垄状边框。其效果取决于border-color的值。inset定义3Dinset边框。其效果取决于border-color的

8、值。outset定义3Doutset边框。其效果取决于border-color的值。4borderBottomWidth属性设置下边框的宽度。语法：Object.style.borderBottomWidth=thin

9、medium

10、thick

11、length值描述thin定义细的下边框。medium默认。定义中等的下边框。thick定义粗的下边框。length允许您自定义下边框的宽度。实例本例改变下边框的宽度：p{border:thinsolid#FF0000}

12、ype="text/javascript">functionchangeBorderWidth(){document.getElementById("p1").style.borderBottomWidth="thick";}Thisisaparagraph

13、并为一个单一的边框，还是象在标准的HT