主页 > 新闻 > DIVCSS教程 > 技术讲解 公司新闻 招聘启示 Python 大杂烩 HTML教程 DIVCSS教程 IOS教程

CSS 轮廓(outline)属性

| 发布时间: 2018-01-09 13:52

CSS 轮廓(outline)


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

轮廓(outline)属性指定元素轮廓的样式、颜色和宽度。


轮廓(outline)实例

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

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

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

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


CSS 轮廓(outline)

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

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

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
上一篇:CSS Margin(外边距) 下一篇:CSS Border(边框)

相关热门文章

  • CSS Text(文本)

    CSS Text(文本)

    CSS 文本格式 文本格式 This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph i...

  • CSS Backgrounds(背景)

    CSS Backgrounds(背景)

    CSS 背景 CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color background-image background-repeat background-attachment background-posi...

  • CSS 创建

    CSS 创建

    CSS 创建 当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。 如何插入样式表 插入样式表的方法有三种: 外部样式表(External style she...

  • CSS Id 和 Class选择器

    CSS Id 和 Class选择器

    CSS Id 和 Class id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置id 和 class选择器。 id 选择器 id 选择器可以为标有特定...

  • CSS 语法

    CSS 语法

    CSS 语法 实例 查看 实例 1 查看 实例 2 CSS 实例 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式...

服务热线
<友情连结> 乐天堂线上娱乐/ 千赢娱乐在线,/ 亚洲城平台/