outline

Englisch [ˈaʊtlaɪn] amerikanisch [ˈaʊtˌlaɪn]

n. Umriss, Umriss, Umriss, Entwurf, Hauptprinzipien; Form, Umriss, Konturlinie, Umrisszeichnungsmethode, Skizze (Zeichenmethode)

vt .Umriss; Umriss, Skizze, Skizze

Dritte Person Singular: Umrisse Plural: Umrisse Präsens: umrissen Partizip Perfekt: umrissen

offset

Englisch [ˈɒfset] Amerikanisch [ˈɔ :fset]

vt. Kompensieren (oder nebeneinander stellen) (zu Vergleichszwecken)

vi. Anfang; Versatz; Ausgleich

Dritte Person Singular: Versatz im Präteritum: Versatz;

CSS3 Outline Offset-Eigenschaft Syntax

Funktion: Versetzen Sie den Umriss und zeichnen Sie den Umriss über den Rand des Randes hinaus.

Erklärung: Der Umriss unterscheidet sich in zwei Punkten vom Rand: Der Umriss nimmt keinen Platz ein und der Umriss ist möglicherweise nicht rechteckig. Die Eigenschaft „css3 Outline Offset“ bedeutet, den Umriss zu versetzen und an der Kante zu zeichnen der Grenze. Stellen Sie den Abstand zwischen dem Umriss und der Kante des Rahmens über den Längenwert ein

CSS3 Outline Offset-Eigenschaft Beispiel

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

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen