outline

英 [?a?tla?n]? ?美 [?a?t?la?n]??

n.梗概，大綱，提綱，草稿，要點(diǎn)，主要原則;外形，輪廓，輪廓線，輪廓畫法，略圖（畫法）

vt.概述;略述;畫輪廓，打草圖，描略圖

第三人稱單數(shù)： outlines 復(fù)數(shù)： outlines 現(xiàn)在分詞： outlining 過去式： outlined 過去分詞： outlined

offset

英 [??fset]? ?美 [??:fset]??

vt.抵消;補(bǔ)償;（為了比較的目的而）把…并列（或并置）;為（管道等）裝支管

vi.形成分支，長出分枝;裝支管

n.開端;出發(fā);平版印刷;抵消，補(bǔ)償

adj.分支的;偏（離中）心的;抵消的;開端的

第三人稱單數(shù)： offsets 復(fù)數(shù)： offsets 現(xiàn)在分詞： offsetting 過去式： offset 過去分詞： offset

css3 Outline Offset屬性 語法

作用：對輪廓進(jìn)行偏移，并在超出邊框邊緣的位置繪制輪廓。

說明：輪廓與邊框有兩點(diǎn)不同：輪廓不占用空間，輪廓可能是非矩形

css3 Outline Offset屬性表示對輪廓進(jìn)行偏移，并在邊框邊緣進(jìn)行繪制。通過length值設(shè)置輪廓與邊框邊緣的距離

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>這個(gè) div 在邊框邊緣之外 15 像素處有一個(gè)輪廓。</div>

</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例