CSS 轮廓的 简写属性

 2022-03-13    463  

在77ISP学技术

每日笔记,css边框外的轮廓 ,轮廓的简写属性

CSS 轮廓的 简写属性

CSS Outline - 简写属性

outline 属性是用于设置以下各个轮廓属性的简写属性:

outline-width

outline-style(必需)

outline-color


这里需要注意一下在上一篇里说的颜色反转并不能加入简写里

从上面的列表中,outline 属性可指定一个、两个或三个值。值的顺序无关紧要。


下例展示了用简写的 outline 属性指定的一些轮廓:

实例

p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}

虚线轮廓。

红色的虚线轮廓。

5 像素的黄色实线轮廓。

粗的粉色凸槽轮廓。


  •  标签:  
  • css
  •  

原文链接:https://77isp.com/post/386.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。