HTML DOM outlineWidth 属性

定义和用法

outlineWidth 属性设置围绕元素的轮廓的宽度。

语法:

  1. Object.style.outlineWidth=thin|medium|thick|length

可能的值

描述
thin 定义细轮廓。
medium 默认。定义中等的轮廓。
thick 定义粗的轮廓。
length 允许您定义轮廓粗细的值。

实例

本例改变轮廓的宽度:

  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 changeOutlineWidth()
  12. {
  13. document.getElementById("p1").style.outlineWidth="thin";
  14. }
  15. </script>
  16. </head>
  17. <body>
  18.  
  19. <input type="button" onclick="changeOutlineWidth()"
  20. value="Change outline width" />
  21.  
  22. <p id="p1">This is a paragraph</p>
  23.  
  24. </body>
  25. </html>