Properties

Border Width / Border Radius

These properties define the appearance of the border around any control in PLCVisu.

General Behavior

To visually display a border — whether color, radius, or style — you must define a valid Border Width.
If Border Width is left empty or set to 0, no border will be rendered, regardless of the color or radius settings.

Also note: Even if Border Width and Border Radius are correctly defined, you may not see any visible border if the border color is set to white – which is the default for some controls on a white background.
To ensure visibility, set a contrasting Border Color manually (e.g. black or theme-based gray).

Accepted Format and Units

Both Border Width and Border Radius support standard CSS input syntax:

Valid Units:

• Absolute: px, pt, cm, mm, in
• Relative: em, ex, rem, %
• Keywords (Border Width only): thin, medium, thick

Value Definitions:

• One value → all sides (e.g. 4px)
• Two values → top/bottom & left/right (e.g. 4px 1px)
• Three values → top, left/right, bottom (e.g. 4px 2px 1px)
• Four values → top, right, bottom, left (e.g. 4px 3px 2px 1px)

These follow the same behavior as in CSS border-width and border-radius, unless limited by the control's implementation.

⚠️ Percent-based values in Border Radius depend on the control’s shape. Use with caution for non-square elements.

Practical Example

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

This results in:

• A 2px border on top and bottom only
• Rounded corners based on font-size scaling (em)

Internal Rendering Notes

• Border Color must be set to a visible color (not white on white) to make borders visible.
• If Border Width is set but no color is defined, a default (usually white or theme-based) will be applied.
• Border style (solid, dashed, etc.) is applied globally or via CSS classes, not in this input field.

Confirmed Compatibility Table

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

Note: For keyword values thin, medium, thick, do not append numbers (e.g. 3thin) – just type the keyword directly.