大学生新闻网,大学生新闻发布平台
大学生新闻网
大学生新闻大学生活校园文学大学生村官
社会实践活动社会实践经历社会实践报告社会实践总结社会实践心得
全国排名校友会版软科排名分类排名本科排名一本排名二本排名专科排名学校地址
求职简历职场法则面试技巧职场故事求职招聘大学生就业
英语学习计算机学习电气工程机械工程经济管理建筑设计财务会计
申请书证明书检讨书自荐信演讲稿心得体会调查报告读后感求职信推荐信其它范文

CSS 轮廓(outline)属性

CSS Outlines


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

轮廓(outline)属性指定了样式,颜色和外边框的宽度。

轮廓(outline)属性的位置让它不像边框那样参与到文档流中,因此轮廓出现或消失时不会影响文档流,即不会导致文档的重新显示。


轮廓(outline)实例

在元素周围画线
本例演示使用outline属性在元素周围画一条线。.

设置轮廓的样式
本例演示如何设置轮廓的样式。

设置轮廓的颜色
本例演示如何设置轮廓的颜色。

设置轮廓的宽度
本例演示如何设置轮廓的宽度。


CSS 轮廓(outline)

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

CSS outline 属性规定元素轮廓的样式、颜色和宽度。

 

提示:你可以在本站的《CSS参考手册》中了解更多关于CSS outline属性的信息。


所有CSS 轮廓(outline)属性

"CSS" 列中的数字表示哪个CSS版本定义了该属性(CSS1 或者CSS2)。

属性 说明 CSS
outline 在一个声明中设置所有的外边框属性 outline-color
outline-style
outline-width

inherit
2
outline-color 设置外边框的颜色 color-name
hex-number
rgb-number

invert
inherit
2
outline-style 设置外边框的样式 none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
2
outline-width 设置外边框的宽度 thin
medium
thick
length
inherit
2
    作者:大学生新闻网    来源:大学生新闻网
    发布时间:2025-03-28    阅读:
    扫一扫 分享悦读
  • CSS Margin(外边距)
  • margin清除周围的元素(外边框)的区域。margin没有背景颜色,是完全透明的
  • 03-28 关注:0
  • CSS 轮廓(outline)属性
  • CSS 轮廓(outline)属性
  • 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
  • 03-28 关注:0
  • CSS Border(边框)
  • CSS 边框 (border) 可以是围绕元素内容和内边距的一条或多条线,对于这些线条,您可以自定义它们的样式、宽度以及颜色。
  • 03-28 关注:1
  • CSS 盒子模型
  • 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。
  • 03-28 关注:1
  • CSS Table(表格)
  • 垂直对齐属性设置垂直对齐,比如顶部,底部或中间:
  • 03-28 关注:1
  • CSS 列表样式(ul)
  • 在单个属性中可以指定所有的列表属性。这就是所谓的缩写属性。
  • 03-28 关注:1
  • CSS 链接(link)
  • 特别的链接,可以有不同的样式,这取决于他们是什么状态。
  • 03-28 关注:1
  • CSS Fonts(字体)
  • CSS字体属性定义字体,加粗,大小,文字样式。
  • 03-27 关注:4