HTML DOM borderLeft 属性
定义和用法
borderLeft 属性在一个声明中为左边框设置所有属性。
语法:
- Object.style.borderLeft=borderWidth borderStyle borderColor
可能的值:
值 | 描述 | 值 |
---|---|---|
borderWidth | 设置边框的宽度。 | - thin - medium - thick - length |
borderStyle | 设置边框的样式。 | - none - hidden - dotted - dashed - solid - double - groove - ridge - inset - outset |
borderColor | 设置边框的颜色。 | - color-name - color-rgb - color-hex - transparent |
实例
本例改变左边框的宽度、样式和颜色:
- <html>
- <head>
- <style type="text/css">
- p
- {
- border: thin dotted #FF0000
- }
- </style>
- <script type="text/javascript">
- function changeBorder()
- {
document.getElementById("p1").style.borderLeft="thick solid #0000FF";
- }
- </script>
- </head>
- <body>
- <input type="button" onclick="changeBorder()"
- value="Change left border" />
- <p id="p1">This is a paragraph</p>
- </body>
- </html>