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.
nächsten Abschnitt