Das Attribut ?border-style“ legt den Stil der vier R?nder eines Elements fest. Diese Eigenschaft kann einen bis vier Werte haben.

Beispiel:

border-style:dotted solid double dashed;

● Der obere Rand ist Gepunktet

● Der rechte Rand ist eine durchgezogene Linie

● Unten Der Rand ist eine doppelte Linie

● Der linke Rand ist eine gepunktete Linie

border-style:dotted solid double;

● Der obere Rand ist eine gepunktete Linie

● Der rechte und linke Rand sind durchgezogene Linien

● Der untere Rand ist eine Doppellinie

border-style:dotted solid;

● Der obere und untere Rand sind gepunktet

● Der rechte und linke Rand sind durchgezogene Linien

border-style:dotted;

● Alle 4 R?nder sind gepunktet

Einstellbare Attributwerte:

keine: Definieren Sie keinen Rand.

versteckt: Das Gleiche wie ?keine“. Au?er bei Anwendung auf Tabellen, bei denen ?hidden“ zur L?sung von Randkonflikten verwendet wird.

gepunktet: Gepunkteten Rand definieren. Wird in den meisten Browsern als durchgezogene Linie dargestellt.

gestrichelt: Gestrichelte Linie definieren. Wird in den meisten Browsern als durchgezogene Linie dargestellt.

durchgezogen: Definieren Sie eine durchgezogene Linie.

double: Definiert eine Doppellinie. Die Breite der Doppellinie entspricht dem Wert von border-width.

Groove: Definieren Sie den 3D-Rillenrand. Der Effekt h?ngt vom Wert von border-color ab.

Kamm: Definieren Sie den 3D-Kammrand. Der Effekt h?ngt vom Wert von border-color ab.

Einfügung: Definieren Sie den 3D-Einfügungsrand. Der Effekt h?ngt vom Wert von border-color ab.

Anfang: Definieren Sie den 3D-Anfangsrand. Der Effekt h?ngt vom Wert von border-color ab.

inherit: Gibt an, dass der Rahmenstil vom übergeordneten Element geerbt werden soll.