English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

Vollständiges Verzeichnis der CSS Eigenschaften

CSS3 outline-Verwendung und Beispiel der offset-Eigenschaft

outline-Die offset CSS-Eigenschaft wird verwendet, um outline zu setzen-Die offset CSS-Eigenschaft wird verwendet, um den Raum zwischen dem Outline und der Randkante oder dem Rand des Elements zu setzen. Der Raum zwischen dem Outline und der Randkante oder dem Rand des Elements.

Die folgende Tabelle zeigt die Verwendung und Versionshistorie dieses Attributes sowie seine Verwendung in JavaScript-Skripten.

Standardwert:0
Geeignet für:Alle Elemente
Vererbung:Keine
Animierbar:Ja.Bitte beziehen Sie sich auf Animationseigenschaft.
Version: CSS3neue Funktion
JavaScript-Syntax:object.style.outlineOffset="15px"

outline-Syntax der Verwendung von offset

Die Syntax dieses Attributes ist wie folgt:

outline-offset: length | initial | inherit

Die folgenden Beispiele zeigen, wie outline verwendet wird-offset-Eigenschaft.

p {
    border: 2px solid red;
    outline: 2px solid green;
    outline-offset: 10px;
}
Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
lengthGeben Sie die Entfernung vom Outline zur Randkante an. Der Standardwert ist 0. Negative Werte platzieren den Outline innen.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der Outline des übergeordneten Elements verwendet.-offset-Werte der Eigenschaft.

Browserkompatibilität

outline-Kompatibilität der offset-Eigenschaft der Browser, die Nummern in der folgenden Tabelle zeigen die niedrigste Versionsnummer der Browser, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 3.5+

  • Google Chrome4+

  • Internet Explorer ×

  • Apple Safari 3.1+

  • Opera 10.5+

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Umrandung,CSS Rand.

Verwandte Eigenschaften:outline,outline-width,outline-style,outline-color.