CSS3 outline-水果拉霸

本文地址:http://www.19ward.com/cssref/pr_outline-offset.asp
文章摘要:CSS3 outline,星际娱乐新濠影汇韩国娱乐,时时彩娱乐银河娱乐六合彩娱乐。

水果拉霸

实例

规定边框边缘之外 15 像素处的轮廓:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

亲自试一试

浏览器支持

所有主流浏览器都支持 outline-水果拉霸,除了 Internet Explorer。

定义和用法

outline-水果拉霸对轮廓进行偏移,并在边框边缘进行绘制。

轮廓在两方面与边框不同:

  • 轮廓不占用空间
  • 轮廓可能是非矩形
默认值: 0
继承性: no
版本: CSS3
JavaScript 语法: object.style.outlineOffset="15px"

语法

outline-offset: length|inherit;
描述
length 轮廓与边框边缘的距离。
inherit 规定应从父元素继承 outline-水果拉霸的值。