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

</body>

</html>

Instanz ausführen ?

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