outline

English [ˈaʊtlaɪn] American [ˈaʊtˌlaɪn]

n. Outline, outline, outline, draft, key points, main principles; shape, outline, outline Line, outline drawing method, sketch (drawing method)

vt. Overview; outline; outline, sketch, outline

Third person singular: outlines Plural: outlines Present participle: outlining Past tense: outlined Past participle: outlined

offset

英[ˈɒfset] 　　美[ˈɔ:fset] 　　

vt. offset; compensate; ( To juxtapose (or juxtapose) for the purpose of comparison; to branch pipes for (pipes, etc.)

vi. To form a branch, to grow a branch; to branch pipes

n. to start; departure; lithography; offset, compensation

adj. branch; off-centre; offset; beginning

Third person singular: offsets plural: offsets present participle: offsetting Past tense: offset Past participle: offset

css3 Outline Offset property syntax

Function:Offset the outline and draw the outline beyond the edge of the border.

Note: There are two differences between the outline and the border: the outline does not occupy space, and the outline may be non-rectangular

css3 Outline Offset property means to offset the outline, and Draw the edges of the border. Set the distance between the outline and the edge of the border through the length value

css3 Outline Offset property example

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

Run instance »

Click the "Run instance" button to view the online instance