outline

英 [ˈaʊtlaɪn]   美 [ˈaʊtˌlaɪn]  

n.梗概,大纲,提纲,草稿,要点,主要原则;外形,轮廓,轮廓线,轮廓画法,略图(画法)

vt.概述;略述;画轮廓,打草图,描略图

第三人称单数: outlines 复数: outlines 现在分词: outlining 过去式: outlined 过去分词: outlined

offset

英 [ˈɒfset]   美 [ˈɔ:fset]  

vt.抵消;补偿;(为了比较的目的而)把…并列(或并置);为(管道等)装支管

vi.形成分支,长出分枝;装支管

n.开端;出发;平版印刷;抵消,补偿

adj.分支的;偏(离中)心的;抵消的;开端的

第三人称单数: offsets 复数: offsets 现在分词: offsetting 过去式: offset 过去分词: offset

css3 Outline Offset属性 语法

作用:对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。

说明:轮廓与边框有两点不同:轮廓不占用空间,轮廓可能是非矩形

css3 Outline Offset属性表示对轮廓进行偏移,并在边框边缘进行绘制。通过length值设置轮廓与边框边缘的距离

css3 Outline Offset属性 示例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
margin:20px;
width:150px; 
padding:10px;
height:70px;
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
} 
</style>
</head>
<body>

<p><b>注释:</b>Internet Explorer 和 Opera 不支持 support outline-offset 属性。</p>

<div>这个 div 在边框边缘之外 15 像素处有一个轮廓。</div>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例