border-radius

The border-radius CSS property rounds the corners of an element’s outer border edge.

Estimated Support About

73.17% + 14.63% = 87.8%

Apple Mail

macOS

10.3

iOS

10.3
12.2

Gmail

Desktop Webmail

2019-08

iOS

2019-08

Android

2019-08

Mobile Webmail

2020-02

Outlook

Windows

2003
1
2007
1
2010
1
2013
1
2016
1
2019
1

Windows Mail

2020-01
1

macOS

2011
2016
16.80

Outlook.com

2019-08

iOS

2019-08

Android

2019-08

Yahoo! Mail

Desktop Webmail

2021-02
2

iOS

2021-03
2

Android

6.18.2.1529859
2

AOL

Desktop Webmail

2021-02
2

iOS

2021-03
2

Android

2021-03
2

Samsung Email

Android

6.1.31.2

Mozilla Thunderbird

macOS

60.3

ProtonMail

Desktop Webmail

2020-03

iOS

2020-03

Android

2020-03

Fastmail

Desktop Webmail

2021-07

HEY

Desktop Webmail

2020-06

Orange

Desktop Webmail

2019-08
2021-03

iOS

2019-08

Android

2019-08

LaPoste.net

Desktop Webmail

2021-08

SFR

Desktop Webmail

2019-08

iOS

2019-08

Android

2019-08

GMX

Desktop Webmail

2022-06

iOS

2022-06

Android

2022-06

1&1

Desktop Webmail

2022-06

Android

2022-06

Mail.ru

Desktop Webmail

2020-10

WEB.DE

Desktop Webmail

2022-06

iOS

2022-06

Android

2022-06

WP.pl

Desktop Webmail

2024-04

Notes

  • 1

    Round corners can be used in VML with the RoundRect element. See buttons.cm and VML documentation.

  • 2

    Partial support. Shorthand for setting elliptical borders with the slash / notation is not supported e.g. border-radius: 27% 73% 70% 30% / 30% 34% 66% 70%;.

Know something we don't?

Is any of the above data outdated? Or do you want to add a new email client to the list? Heads on to GitHub and edit the data file!

Edit this page on GitHub Report an issue on GitHub

Not comfortable with GitHub? Send us an email.

Test it yourself

This feature was last tested on March 09, 2021.

If you want to test this feature in the same conditions as we did, you can get our test code and run a test by yourself. Make sure to follow our testing recommendations first.

View the test code