css3 Outline Offset property
Translation results：
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 propertysyntax
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 propertyexample
<!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