html中outline属性,css的outline属性的作用是什么

css的outline属性的作用是什么

发布时间：2020-05-06 11:47:34

来源：亿速云

阅读：280

作者：小新

css的outline属性的作用是什么？相信有很多人都不太了解，今天小编为了让大家更加了解outline属性，所以给大家总结了以下内容，一起往下看吧。

outline属性是一个简写属性，用于在一个声明中设置所有的轮廓属性，可在元素周围位于边框边缘的外围绘制一条线，能起到突出元素的作用。

CSS outline属性

作用：是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

outline 简写属性在一个声明中设置所有的轮廓属性。可以按顺序设置如下属性：outline-color，outline-style，outline-width。如果不设置其中的某个值，也不会出问题，比如 outline:solid #ff0000; 也是允许的。

●　outline-color：规定轮廓的颜色。

●　outline-style：规定轮廓的样式。

●　outline-width：规定轮廓的宽度。

说明：轮廓线不会占据空间，也不一定是矩形。

注：所以主流浏览器都支持outline 属性；只有在规定了 !DOCTYPE 时，Internet Explorer 8 (以及更高版本) 才支持 outline 属性。

CSS outline属性的使用示例

亿速云(php.cn)

div

{

border:red solid thin;

outline:#00ff00 dotted thick;

padding:10px;

}

测试文本！

效果图：

关于css的outline属性的作用是什么就分享到这里了，希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。

html中outline属性,css的outline属性的作用是什么相关推荐

css文本外观属性中设置字体,css 文本外观属性(text) 和字体样式属性(font)
css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距对中文无效 line ...
html图片背景属性,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
html block属性,css display block属性的意思、作用和效果
css中display的block属性是什么意思呢?他是指拥有该属性的html元素以块的方式显示,同时,该元素的前面和后面都会换行,也就是说,如果给一个元素B设置的display:block,那么该元 ...
php浮动边框设置属性,CSS float 浮动属性
本篇主要介绍float属性:定义元素朝哪个方向浮动. 目录: 1. 页面布局方式:介绍文档流.浮动层以及float属性. 2. float:left :介绍float为 left 时的布局方式. 3. ...
html左边移动属性,css左边偏移属性left、右边偏移属性right
[实例介绍] css左边偏移属性left.右边偏移属性right 通过left属性来设置左边偏移属性,通过right属性来设置右边偏移属性. [基本语法] position:static | ab ...
html的定位属性,CSS之定位属性
一,定位介绍定位的基本思想很简单,它允许你定义元素出现在页面的任何位置. 是通过position属性配合left,right...等来实现的. 二,定位类别 1.相对定位相对定位就是相对于自己以前在 ...
css设置h1属性,CSS设置文本属性
本文属性词汇文本字体 font-family文本大小 font-size文本粗细 font-weight文本风格 font-style 文本字体使用示例指定字体系列 boby {font-fami ...
CSS基础标签属性及案例
CSS基础 CSS:cascading style sheets,层叠样式表格:CSS起到装饰作用,将不同功能的代码做分离,方便维护:可以大大提高工作效率,将HTML代码和样式代码分离: 1. 书写规 ...
css样式lighter的意思,css常用的属性
CSS------属性值篇 display: none | block | inline(默认值) | inline-block(css2新增) | inherit none :此元素不会再显示 {注 ...

html中outline属性,css的outline属性的作用是什么

html中outline属性,css的outline属性的作用是什么相关推荐

最新文章

热门文章