HTML DOM outlineColor 属性

定义和用法

outlineColor 属性设置元素周围的轮廓的颜色。

语法:

  1. Object.style.outlineColor=color-name|color-rgb|color-hex

实例

本例改变轮廓的颜色:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. p
  5. {
  6. border: thin solid #00FF00;
  7. outline: thick solid #FF0000;
  8. }
  9. </style>
  10. <script type="text/javascript">
  11. function changeOutlineColor()
  12. {
  13. document.getElementById("p1").style.outlineColor="#00FF00";
  14. }
  15. </script>
  16. </head>
  17. <body>
  18.  
  19. <input type="button" onclick="changeOutlineColor()"
  20. value="Change outline color" />
  21.  
  22. <p id="p1">This is a paragraph</p>
  23.  
  24. </body>
  25. </html>