<!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: 5%;"></div> <div style="-moz-outline-radius: 10%;"></div> <div style="-moz-outline-radius: 20%;"></div> <div style="padding: 0 100px; -moz-outline-radius: 10%;"></div> <div style="padding: 0 100px 0 0; -moz-outline-radius: 10%;"></div> <div style="padding: 0 0 0 100px; -moz-outline-radius: 10%;"></div> <div style="border-width: 0 100px; -moz-outline-radius: 10%;"></div> <div style="border-width: 0 100px 0 0; -moz-outline-radius: 10%;"></div> <div style="border-width: 0 0 0 100px; -moz-outline-radius: 10%;"></div> <div style="border-width: 0 100px; padding: 0 100px; -moz-outline-radius: 10%;"></div> </body> </html>