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

CSS Referenzhandbuch

CSS @Regel (RULES)

CSS Eigenschaftsübersicht

CSS Outline-size Eigenschaft

outline-width Eigenschaft Verwendungsweise und Beispieloutlinewidth CSS Eigenschaft setzt die Breite der Elementoutline. Allerdings wird in vielen Fällen die Kurzwritesprache der CSS Eigenschaft

Einfacher zu verwenden und bevorzugt.

Die nachstehende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.medium
Standardwert:Anwendbar auf:
Alle ElementeVererbung:
KeineAnimierbar:是。 Bitte参阅.
AnimationseigenschaftVersion: 2CSS3
JavaScript Syntax:object

outline-.style.outlineWidth="medium"

width Syntax

outline-Die Syntax dieser Eigenschaft lautet wie folgt:

width: thin | medium | thick | length | initial | inherit-Die folgenden Beispiele zeigen, wie outline

  Beispiel
   outline-p {
   outline-style: solid;
  width: thick;
}/Testen Sie heraus‹

Beachten Sie:-width Eigenschaft vor der Deklarationoutline-styleEigenschaft. Das Element muss eine Outline haben, bevor die Breite der Outline eingestellt werden kann, da die Outline-Der Standardwert der style Eigenschaft ist none.

Eigenschaftswert

Die nachstehende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
thindünner Outline.
mediummittlerer Outline.
thickdicker Outline.
lengthWerte in Einheiten wie px, em usw.; negative Werte sind nicht erlaubt.
inheritWenn angegeben, verwendet der assoziierte Element der Outline des Elternelements-width Eigenschaftswert.

Browserkompatibilität

outline-Die Kompatibilität der Browser mit der width Eigenschaft wird in der folgenden Tabelle dargestellt; die Zahlen in der Tabelle zeigen die niedrigste Versionsnummer der Browser an, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1.5Die folgenden

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 7+

Warnung: Internet Explorer 7und frühere Versionen unterstützen diesen outline nicht-width Eigenschaft. IE8Unterstützt diese Eigenschaft, aber benötigt eine gültige<!DOCTYPE>.

Weiterlesen

Bitte参阅以下内容的教程:CSS Outline,CSS Rand.

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