CSS/Eigenschaften/border-inline

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Weblinks

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