CSS-Eigenschaft outline-width

Erlaubte Werte

Auszug aus der Spezifikation (die verwendete Syntax wird im Artikel CSS-Wertesyntax genauer erläutert):

'outline-width'
<border-width> | inherit

Der Werttyp <border-width> akzeptiert Längenangaben oder eins von drei Schlüsselworten. Damit kann die Eigenschaft outline-width dieselben Werte annehmen wie die Eigenschaft border-width.

<length>

Eine absolute oder relative Längenangabe. Negative oder Prozentwerte sind nicht möglich. Längenangaben und Schlüsselworte können auch gemischt werden.

Mehr Informationen über Längenwerte in CSS finden Sie im Grundlagenartikel Längenwerte.

Schlüsselworte

• thin
  Die CSS2-Spezifikation bestimmt nur, dass diese Strichbreite schmaler oder gleich wie medium dargestellt wird.
• medium (Ausgangswert)
  Die CSS2-Spezifikation bestimmt nur, dass diese Strichbreite breiter oder gleich wie thin und schmaler oder gleich wie thick dargestellt wird.
• thick
  Die CSS2-Spezifikation bestimmt nur, dass diese Strichbreite breiter oder gleich wie medium dargestellt wird.

inherit

Bestimmt explizit, dass diese Eigenschaft denselben berechneten Wert wie im Elternelement annimmt.

Code-Beispiel

:link:hover, :visited:hover { outline-width: thin; }

Wechselwirkungen

:active, :focus, :hover,
outline-style, outline-color

Breite ohne Platzbedarf

Die Werte entsprechen denen der Rahmenbreite: drei Schlüsselwörter, deren Umsetzung dem Anwenderprogramm überlassen bleibt, oder eine Längenangabe. Anders als beim Rahmen wirkt die Breite aber nicht auf die Größe der Box.

Das hat eine sichtbare Folge. Eine breite Kontur wächst nach außen in den Bereich, den die Nachbarn belegen, und überdeckt ihn. Bei eng gesetzten Elementen legt sich die Kontur des einen über den Inhalt des anderen, und bei einem Element am Rand des Fensters kann sie abgeschnitten werden.

Wie beim Rahmen setzt eine Breite ohne Muster nichts, denn ohne Muster wird nichts gezeichnet. Und umgekehrt gilt: Ist kein Muster gesetzt, ist die berechnete Breite null, gleich was in der Deklaration steht.

Ein weiterer Unterschied betrifft die Ecken. Die Spezifikation legt nicht fest, wie eine Kontur an den Ecken gezeichnet wird, und sie muss dem Element nicht als Rechteck folgen. Bei Elementen mit abgerundeten Ecken folgt die Kontur der Rundung in manchen Anwenderprogrammen und in anderen nicht; wo es auf die Form ankommt, ist ein Rahmen die verlässlichere Wahl.

Weil die vier Seiten nicht getrennt ansprechbar sind, gibt es zu dieser Eigenschaft auch keine Entsprechung für einzelne Kanten. Eine Kontur gilt immer ringsum. Wer nur eine Seite hervorheben will, braucht dafür einen Rahmen oder einen Schatten, und beide beanspruchen wieder Platz oder liegen über dem Nachbarn.

Besonderheiten im Medientyp handheld

Diese Eigenschaft ist nicht Teil des Standards CSS Mobile Profile 1.0. Mobilgeräte, deren Browser diese Eigenschaft umsetzen, sind bisher nicht bekannt.

Weitere Charakteristika

Die Stylesheet-Schnellreferenz mit einer Zusammenfassung aller visuellen Eigenschaften kann auch als PDF-Datei herunter geladen werden.

Ausgangswert

medium

Berechneter Wert

Absolute Länge; 0, wenn none oder hidden spezifiziert ist

Vererbung

Nein

Anwendbarkeit

Auf alle Elemente

%-Bezugswert

Nicht zutreffend

Mediengruppe(n)

Visual, Interaktive