CSS outline 属性

css outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用

outline 简写属性在一个声明中设置所有的轮廓属性

可以设置的属性分别是(按顺序):

  1. outline-color
  2. outline-style
  3. outline-width

如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的

默认值invert none medium
继承no
版本CSS2
JavaScript 语法object.style.outline="#0000FF dotted thin"

语法

outline : *color style width* | inhert


属性值

描述
outline-color规定边框的颜色。参考 outline-color中可能的值
outline-style规定边框的样式。参考 outline-style 中可能的值
outline-width规定边框的宽度。参考 outline-width 中可能的值
inherit规定应该从父元素继承 outline 属性的设置

范例

设置元素周围的轮廓

p {
    outline:#00FF00 dotted thick;
}

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

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

目录选择