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>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例