CSS outline-style 属性

css outline-style 属性用于指定 outline 的样式

outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围

默认值none
继承no
版本CSS2
JavaScript 语法object.style.outline

语法

outline-style: none | dotted | dashed | solid | ...


属性值

描述
none默认。定义无轮廓
dotted定义点状的轮廓
dashed定义虚线轮廓
solid定义实线轮廓
double定义双线轮廓。双线的宽度等同于 outline-width 的值
groove定义 3D 凹槽轮廓。此效果取决于 outline-color 值
ridge定义 3D 凸槽轮廓。此效果取决于 outline-color 值
inset定义 3D 凹边轮廓。此效果取决于 outline-color 值
outset定义 3D 凸边轮廓。此效果取决于 outline-color 值
inherit规定应该从父元素继承轮廓样式的设置

说明

outline 是围绕元素。它是围绕元素的边距。但是,它是来自不同的边框属性

outline 不是元素尺寸的一部分,因此元素的宽度和高度属性不包含轮廓的宽度


范例

设置 outline 的样式

p {
    outline-style:dotted;
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_404

目录选择