css3 Outline Offset屬性
翻譯結果：
outline
英[ˈaʊtlaɪn] 美[ˈaʊtˌlaɪn]
#n.梗概，大綱，提綱，草稿，要點，主要原則;外形，輪廓，輪廓
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>執行實例 »
點擊 "執行實例" 按鈕查看線上實例