Direct answer
What this means
Combines border color, width, and style in one typed value.
Verified example
Minimal example
{ "$type": "border", "$value": { "color": "{semantic.color.border.default}", "width": { "value": 1, "unit": "px" }, "style": "solid" } }
The example shows the stable contract, not every possible platform option.
Resolution and export
How the Studio handles it
- The imported value is normalized into a typed internal record with an immutable token ID.
- The resolver follows aliases and the selected light or dark source while retaining the source trace.
- Each adapter either transforms the value or records a warning and loss; it never silently drops it.
Boundary
Limits and review points
- A passing validation result does not guarantee brand quality or every screen state.
- Check the target framework and WordPress version before replacing production files.
- Project data remains local and is not included in a shareable URL.
Try it in Design Token Studio
Create a preset or import CSS/DTCG data, then inspect resolution, validation evidence, and all six exports.
Open the Studio