outline

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

#n.梗概，大綱，提綱，草稿，要點，主要原則;外形，輪廓，輪廓

n.梗概，大綱，提綱，草稿，要點，主要原則;外形，輪廓，輪廓

n.梗概，大綱，提綱，草稿，要點，主要；線，輪廓畫法，略圖（畫法）

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

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

offset

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

vt.抵消;補償;（為了比較的目的而）把…並列（或併置）;為（管道等）裝支管

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

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

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

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

css3 Outline Offset屬性 語法

作用：將輪廓偏移，並在超出邊框邊緣的位置繪製輪廓。

說明：輪廓與邊框有兩點不同：輪廓不佔用空間，輪廓可能是非矩形

css3 Outline Offset屬性表示對輪廓進行偏移，並在邊框邊緣進行繪製。透過length值設(shè)定輪廓與邊框邊緣的距離

css3 Outline Offset屬性 範(fàn)例

<!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>

執(zhí)行實例 ?

點擊 "執(zhí)行實例" 按鈕查看線上實例