CSS3系列教程——Outline
九月 25, 2010
11 comments
在CSS3中,对元素轮廓的样式又多了一个属性——outline。outline可以通过设置一个数值使边框边缘的外围偏移,给元素周围绘制轮廓外边框,可以起到突出元素的作用。outline 属性可设置元素周围的轮廓线,轮廓线不会占据空间,也不一定是矩形。
Outline目前支持的浏览器有:Firefox 3.0+、Chrome 4.0+、Safari 3.1+、IE 9+、Opera 10.5+。
例子:
是否可见虚线形式的轮廓外框?
代码如下:
.p{
width:200px;
height:80px;
margin:10px;
padding:15px;
border:2px solid #cad5eb;
outline:dotted #beceeb 3px;
outline-offset:5px;
}