border-radius

Since UXP v2.0

Shorthand for setting the border radius.

See: https://developer.mozilla.org/en/docs/Web/CSS/border-radius

Example

Copy
.someElement {
    border-radius: 4px;
}
.card {
    border-radius: 4px 0;
}
Copied to your clipboard
.someElement {
    border-radius: 4px;
}
.card {
    border-radius: 4px 0;
}

Quirks and Exceptions

• Not all Spectrum UXP components allow border overrides.
• If you need to clip an image, be sure to set overflow: hidden.

Last updated 3/8/2023

Was this helpful?

Yes

No