Einführung in das Border-Style-Attribut

Das Attribut

border-style wird verwendet, um den Stil aller Ränder eines Elements oder den Rahmenstil für jede Seite einzeln festzulegen.

Der Rahmen wird möglicherweise nur angezeigt, wenn dieser Wert nicht „none“ ist.

Beispiel 1

border-style:dotted solid double dashed;

• Der obere Rand ist gepunktet

• Der rechte Rand ist eine durchgezogene Linie

• Der untere Rand ist eine doppelte Linie

• Der linke Rand ist eine gepunktete Linie

Beispiel 2

border-style:dotted solid double;

• Der obere Rand ist gepunktet

• Der rechte und linke Rand sind durchgezogene Linien

• Der untere Rand besteht aus doppelten Linien

Beispiel 3

border-style:dotted solid;

• Der obere und untere Rand ist gepunktet

• Der rechte Rand und der linke Rand sind eine durchgezogene Linie

Beispiel 4

border-style:dotted;

• Alle 4 Ränder sind gepunktet

默认值：	not specified
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.borderStyle="dotted double"

Mögliche Werte

值	描述
none	定义无边框。
hidden	与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	定义点状边框。在大多数浏览器中呈现为实线。
dashed	定义虚线。在大多数浏览器中呈现为实线。
solid	定义实线。
double	定义双线。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	规定应该从父元素继承边框样式。

Beschreibung

Der am wenigsten vorhersehbare Rahmenstil ist doppelt. Sie ist definiert als die Breite von zwei Linien plus dem Abstand zwischen den beiden Linien, der dem Wert für die Rahmenbreite entspricht. Allerdings sagt die CSS-Spezifikation nicht aus, ob eine der Linien dicker als die andere ist oder ob beide Linien gleich dick sein sollen, noch ob der Abstand zwischen den Linien dicker als die Linie sein soll. All dies wird vom User Agent entschieden und die Kreativen haben auf diese Entscheidung keinen Einfluss.

Das obige ist der detaillierte Inhalt vonEinführung in das Border-Style-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!