Estilo ng outlineStyle attribute

Paglilinaw at Paggamit

outlineStyle Ang pagtatakda o pagbibigay ng estilo ng hugis sa paligid ng elemento.

Ang hugis ay isang linya na nasa paligid ng elemento. Ito ay ipinapakita sa paligid ng mga margang elemento. Subalit, ito ay kaibahan sa attribute ng border.

Ang hugis ay hindi bahagi ng sukat ng elemento, kaya ang mga attribute ng lapad at taas ng elemento ay hindi kasama ang lapad ng hugis.

另请参阅：

CSS 教程：CSS Outline

CSS 参考手册：outline-style 属性

HTML DOM 参考手册：outline 属性

实例

例子 1

在 <div> 元素周围添加实心轮廓：

document.getElementById("myDiv").style.outlineStyle = "solid";

亲自试一试

例子 2

更改 <div> 元素的轮廓样式：

document.getElementById("myDiv").style.outlineStyle = "solid";

亲自试一试

例子 3

返回 <div> 元素的轮廓样式：

alert(document.getElementById("myDiv").style.outlineStyle);

亲自试一试

例子 4

对所有不同值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;

亲自试一试

语法

返回 outlineStyle 属性：

object.style.outlineStyle

设置 outlineStyle 属性：

object.style.outlineStyle = value

属性值

值 描述
none 默认。定义无轮廓。
hidden 轮廓被关闭。
dotted 定义点状轮廓。
dashed 定义虚线轮廓。
solid 定义实线轮廓。
double 定义双线轮廓。双线的宽度等同于 outline-width 的值。
groove 定义 3D 凹槽轮廓。定义 3D 凹槽轮廓。此效果取决于 outline-color 值。
ridge 定义 3D 凸槽轮廓。此效果取决于 outline-color 值。
inset 定义 3D 凹边轮廓。此效果取决于 outline-color 值。
outset 定义 3D 凸边轮廓。此效果取决于 outline-color 值。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： none
返回值： 字符串，表示元素轮廓的样式。
CSS 版本： CSS2

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持