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 Border Width leer bleibt oder auf 0 gesetzt ist, wird kein Rahmen angezeigt, auch wenn Farbe oder Radius definiert sind.

Achtung: Selbst wenn Border Width und Border Radius 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 Border Color 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: px, pt, cm, mm, in
• Relative Einheiten: em, ex, rem, %
• Schlüsselwörter (nur Border Width): thin, medium, thick

Werteingaben:

• Ein Wert → für alle Seiten (z. B. 4px)
• Zwei Werte → oben/unten & links/rechts (z. B. 4px 1px)
• Drei Werte → oben, links/rechts, unten (z. B. 4px 2px 1px)
• Vier Werte → oben, rechts, unten, links (z. B. 4px 3px 2px 1px)

Das Verhalten entspricht den CSS-Spezifikationen für border-width und border-radius, sofern vom Steuerelement unterstützt.

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

Praxisbeispiel

Border Width: 2px 0px 2px 0px
Border Radius: 0.5em

Das ergibt:

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

Interne Hinweise zur Darstellung

• Die Border Color muss kontrastreich sein (nicht Weiß auf Weiß), damit der Rahmen sichtbar wird.
• Wenn Border Width 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 thin, medium, thick müssen ohne Zahl eingegeben werden (z. B. 3thin ist ungültig).