Properties

Rahmenbreite / Rahmenradius

Diese Eigenschaften definieren das Aussehen des Rahmens um ein Steuerelement in PLCVisu.

Allgemeines Verhalten

Damit ein Rahmen – sei es Farbe, Radius oder Stil – sichtbar angezeigt wird, muss eine gültige Rahmenbreite (Border Width) definiert werden.
Wenn [code_block_0] leer bleibt oder auf [code_block_1] gesetzt ist, wird kein Rahmen angezeigt, auch wenn Farbe oder Radius definiert sind.

Achtung: Selbst wenn [code_block_0] und [code_block_3] korrekt gesetzt sind, ist möglicherweise kein sichtbarer Rahmen erkennbar, wenn die Rahmenfarbe auf Weiß eingestellt ist – was bei weißem Hintergrund der Standard für einige Steuerelemente sein kann.
Um die Sichtbarkeit sicherzustellen, sollte man eine kontrastreiche [code_block_4] setzen (z. B. Schwarz oder ein dunkler Farbton aus dem Theme).

Akzeptierte Formate und Einheiten

Sowohl Border Width als auch Border Radius unterstützen standardkonformes CSS-Syntax:

Gültige Einheiten:

  • Absolute Maßeinheiten: [code_block_5], [code_block_6], [code_block_7], [code_block_8], [code_block_9]
  • Relative Einheiten: [code_block_10], [code_block_11], [code_block_12], [code_block_13]
  • Schlüsselwörter (nur Border Width): [code_block_14], [code_block_15], [code_block_16]

Werteingaben:

  • Ein Wert → für alle Seiten (z. B. [code_block_17])
  • Zwei Werte → oben/unten & links/rechts (z. B. [code_block_18])
  • Drei Werte → oben, links/rechts, unten (z. B. [code_block_19])
  • Vier Werte → oben, rechts, unten, links (z. B. [code_block_20])

Das Verhalten entspricht den CSS-Spezifikationen für [link_0] und [link_1], sofern vom Steuerelement unterstützt.

⚠️ Prozentangaben bei [code_block_3] hängen von der Form des Steuerelements ab. Bei nicht-quadratischen Formen mit Vorsicht verwenden.

Praxisbeispiel

[code_block_22]

Das ergibt:

  • Einen 2px-Rahmen nur oben und unten
  • Abgerundete Ecken basierend auf der Schriftgröße ([code_block_10])

Interne Hinweise zur Darstellung

  • Die [code_block_4] muss kontrastreich sein (nicht Weiß auf Weiß), damit der Rahmen sichtbar wird.
  • Wenn [code_block_0] gesetzt ist, aber keine Farbe definiert wurde, wird eine Standardfarbe (meist Weiß oder theme-basiert) verwendet.
  • Der Rahmenstil (z. B. solid, dashed) wird global oder per CSS-Klasse definiert, nicht in diesem Eingabefeld.

Kompatibilitätstabelle (getestet)

Wertetyp px em ex rem % thin medium thick
Border Width ✔︎ ✔︎ ✔︎ ✔︎ – ✔︎ ✔︎ ✔︎
Border Radius ✔︎ ✔︎ ✔︎ ✔︎ ✔︎ – – –

Hinweis: Die Schlüsselwörter [code_block_14], [code_block_15], [code_block_16] müssen ohne Zahl eingegeben werden (z. B. [code_block_29] ist ungültig).