CSS/Eigenschaften/border-left

Die Eigenschaft border-left bestimmt den linken Rahmen eines Elements.

Erlaubte Werte

• 1 - 3 Angaben zu Rahmendicke, -stil und -farbe
• inherit

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

siehe Einzeleigenschaften

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

Randlinien an einzelnen Seiten ansehen …

      p.beachten {
        border: none;
        border-left: 5px solid #FFCCCC;
      }

Für den Absatz mit der Klasse „beachten“ gilt wie für alle Absätze zunächst einmal ein kompletter roter Rahmen. Da dieser nicht erwünscht ist, wird er mit border: none; entfernt, bevor der linke Rahmen gesetzt wird.

Beachten Sie:

• border-left ist die Kurzschreibform für die Werte border-left-width, border-left-style und border-left-color
• Es ist durch die Angabe von border-left nicht möglich, den einzelnen Seiten verschiedene Rahmenarten zuzuweisen.
• Da die Voreinstellung von border-left-style none ist, sollte im Allgemeinen mindestens eine Angabe zu border-left-style erfolgen.

Empfehlung: Um den Elementen thead, tbody, tfoot oder tr einen sichtbaren Rahmen zuzuweisen, müssen die Rahmen innerhalb der Tabelle zusammenfallen (d. h. table { border-collapse: collapse; })

Siehe auch

• CSS/Tutorials/Boxmodell/Rahmen

Weblinks

• Spezifikation (W3C): Border Shorthand Properties
• MDN: border-left