CSS/Eigenschaften/border-inline

Die Eigenschaft border-inline ist die zusammenfassende Eigenschaft von border-inline-width, border-inline-style und border-inline-color. Sie definiert die Eigenschaften für die Rahmenlinien am Start- und Ende der Inlineachse eines Elements. Die hier gesetzten Werte werden je nach Schreibmodus, Ausrichtung und Textorientierung des Elements auf physische border-Eigenschaften abgebildet. Wenn Sie nur Werte für die Rahmenlinie auf einer Seite der Inlineachse festlegen wollen, verwenden Sie border-inline-start bzw. border-inline-end

Erlaubte Werte

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

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

0

anwendbar auf

Vererbung

nein

animierbar

ja

Beispiel

.box { 
  border-block: thin dashed red;
  border-inline: medium solid yellow;
  writing-mode: vertical-rl;  
}

Das Element mit der Klasse box erhält einen seitlichen gelben Rahmen in Schreibrichtung. Am Anfang und nach dem Element in Schreibrichtung wird der Rahmen als gestrichelte Linie dargestellt.

Siehe auch

• logische Eigenschaften

Weblinks

• Spezifikation (W3C): border-inline CSS Logical Properties and Values Level 1