CSS Border Style

Mit den CSS-Rahmeneigenschaften kann der Stil, die Breite und die Farbe eines Rahmens eines Elements angepasst werden. Die Eigenschaft border-style gibt an, welche Art von Rahmen angezeigt werden soll.

Folgende Werte sind möglich:

• • dotted – Definiert eine gepunktete Linie
  • dashed – Definiert eine gestrichelte Linie
  • solid – Definiert eine durchgehende Linie
  • double – Definiert eine doppelte Linie
  • groove - Definiert einen 3D-Rahmen. Der Effekt hängt vom Randfarbwert ab.
  • ridge - Definiert einen geriffelten 3D-Rahmen. Der Effekt hängt vom Randfarbwert ab.
  • inset - Definiert einen 3D „inset“ Linie. Das bedeutet, dass eine dicke Linie am linken und oberen Rand des Rahmens und eine verblasste am rechten und unteren Rand des Rahmens angezeigt wird. Der Effekt hängt vom Randfarbwert ab.
  • outset – Definiert eine 3D “outset” Linie. Das bedeutet, dass eine dicke Linie am rechten und unteren Rand des Rahmens und eine verblasste am linken und oberen Rand des Rahmens angezeigt wird. Der Effekt hängt vom Randfarbwert ab.
  • none – Definiert keinen Rahmen
  • hidden - Definiert einen versteckten Rahmen

Die Eigenschaft border-style kann einen bis vier Werte haben (für den oberen Rand, den rechten Rand, den unteren Rand und den linken Rand).

Beispiel Css Schreibweise :

p.solid {border-style: solid;}

So sehen die unterschiedlichen Werte aus:

Gepunktete Linie

Gestrichelte Linie

Durchgehende Linie

Doppelte Linie

3D-Rahmen

geriffelten 3D-Rahmen

3D “inset” Linie

3D “outset” Linie

kein Rahmen

versteckter Rahmen

Haben Sie noch Fragen zu diesem Thema? Oder brauchen Sie Hilfe bei der Gestaltung Ihrer Webseite von einer professionellen Internetagentur aus München? Dann kontaktieren Sie uns gerne!