你的位置:首页 > 软件开发 > 网页设计 > outline详解

outline详解

发布时间:2015-07-31 12:00:07
outline这个属性平时用的不太多,最近被问及专门研究一下这个属性的作用。CSS2加进来的outline属性,中文翻译过来是外轮廓。神马是轮廓?轮廓,指边缘;物体的外周或图形的外框。那这样的话外轮廓就是在外部的边框咯。看一下正式的定义:outline (轮廓)是绘制于元素周围的 ...

outline详解

outline这个属性平时用的不太多,最近被问及专门研究一下这个属性的作用。

CSS2加进来的outline属性,中文翻译过来是外轮廓。

神马是轮廓?

轮廓,指边缘;物体的外周或图形的外框。

那这样的话外轮廓就是在外部的边框咯。

看一下正式的定义:outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。outline 属性设置元素周围的轮廓线。

看一下比较实际的体会:在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是outline 。


暂时说完大概理解,下面继续分析。

CSS2中outline是这样设置的:

p{ outline-style:dotted;}

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:outline详解

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录