outline

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

#n.梗概,大綱,提綱,草稿,要點(diǎn),主要原則;外形,輪廓,輪廓

n.梗概,大綱,提綱,草稿,要點(diǎn),主要原則;外形,輪廓,輪廓

n.梗概,大綱,提綱,草稿,要點(diǎn),主要;線,輪廓畫(huà)法,略圖(畫(huà)法)

vt.概述;略述;畫(huà)輪廓,打草圖,描略圖

第三人稱(chēng)單數(shù): outlines 複數(shù): outlines 現(xiàn)在分詞: outlining過(guò)去式:outlined 過(guò)去分詞:outlined

offset

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

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

vi.形成分支,長(zhǎng)出分枝;裝支管

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

adj.分支的;偏(離中)心的;抵消的;開(kāi)端的

###第三人稱(chēng)單數(shù): offsets 複數(shù): offsets 現(xiàn)在分詞: offsetting過(guò)去式: offset 過(guò)去分詞: offset###

css3 Outline Offset屬性 語(yǔ)法

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

說(shuō)明:輪廓與邊框有兩點(diǎn)不同:輪廓不佔(zhàn)用空間,輪廓可能是非矩形

css3 Outline Offset屬性表示對(duì)輪廓進(jìn)行偏移,並在邊框邊緣進(jìn)行繪製。透過(guò)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>注釋?zhuān)?lt;/b>Internet Explorer 和 Opera 不支持 support outline-offset 屬性。</p>

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

</body>
</html>

執(zhí)行實(shí)例 ?

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