<!DOCTYPE html> <html> <head> <style> div { outline-width: 10px; outline-style: solid; width: 400px; height: 50px; margin: 20px 0; border-style: solid; border-color: transparent; border-width: 0; padding: 0; } </style> </head> <body> <div style="-moz-outline-radius: 20px / 2.5px;"></div> <div style="-moz-outline-radius: 40px / 5px;"></div> <div style="-moz-outline-radius: 80px / 10px;"></div> <div style="padding: 0 100px; -moz-outline-radius: 60px / 5px;"></div> <div style="padding: 0 100px 0 0; -moz-outline-radius: 50px / 5px;"></div> <div style="padding: 0 0 0 100px; -moz-outline-radius: 50px / 5px;"></div> <div style="border-width: 0 100px; -moz-outline-radius: 60px / 5px;"></div> <div style="border-width: 0 100px 0 0; -moz-outline-radius: 50px / 5px;"></div> <div style="border-width: 0 0 0 100px; -moz-outline-radius: 50px / 5px;"></div> <div style="border-width: 0 100px; padding: 0 100px; -moz-outline-radius: 80px / 5px;"></div> </body> </html>