Umriss
Übersicht
英 [ˈAʊtlaɪn] US [ˈAʊtˌlaɪn]
Offset
Offset
UK [ˈɒfset] US [ˈɔ:fset ]
CSS-Outline-Offset-Eigenschaft Syntax
Wie verwende ich das Outline-Offset-Attribut? Die Eigenschaft
outline-offset legt den Abstand zwischen dem Umriss und dem Rand des Rahmens fest. Grundlegende Syntax: Umriss-Offset: Länge; gibt an, dass der Abstand zwischen Umriss und Rand die Länge ist. Die Längeneinheit kann eine absolute Einheit (z. B. px) oder eine relative Einheit (z. B. %) sein.
Funktion: Das Attribut outline-offset versetzt den Umriss und zeichnet ihn am Rand des Rahmens. Umrisse unterscheiden sich von Rändern in zweierlei Hinsicht: Umrisse nehmen keinen Platz ein und Umrisse können nicht rechteckig sein.
Syntax: outline-offset: length|inherit;
Beschreibung: length Der Abstand zwischen der Kontur und dem Rand des Rahmens. Inherit gibt an, dass der Wert des Outline-Offset-Attributs vom übergeordneten Element geerbt werden soll.
Hinweis: Alle gängigen Browser unterstützen die Outline-Offset-Eigenschaft, außer Internet Explorer.
CSS-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