HTML DOM border 属性

时间 2019-11-30

标签 html dom border 属性栏目 HTML 繁體版

原文原文链接

定义和用法：javascript

border 属性在一个声明中设置全部边框属性。css

语法：html

Object.style.border=borderWidth borderStyle borderColorjava

实例：ide

本例改变元素的边框：spa

  
  
  
  
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
       <style type="text/css"> 
   
   
   
           p { 
   
   
   
               border:thin double red; 
   
   
   
           }            
   
   
   
       </style> 
   
   
   
       <script type="text/javascript"> 
   
   
   
           function changeBorder(){ 
   
   
   
               document.getElementById("p1").style.border="thick dotted green"; 
   
   
   
           } 
   
   
   
       </script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
       <input type="button" onclick="changeBorder()" value="Change border" /> 
   
   
   
       <p id="p1">This is a paragraph</p> 
   
   
   
   </body> 
   
   
   
   </html>

1. HTML DOM 属性
2. HTML DOM nodeType 属性
3. HTML DOM nextSibling 和nextElementSibling属性
4. border-radius属性
5. border-style 属性
6. CSS 属性篇(十一)：border-image属性
7. CSS属性之border
8. border 属性样式
9. CSS border-image属性
10. CSS border-collapse 属性
更多相关文章...
• XML DOM data 属性 - XML DOM 教程
• XML DOM length 属性 - XML DOM 教程
• JDK13 GA发布：5大特性解读
• 互联网组织的未来：剖析GitHub员工的任性之源