-moz-border-radius

The -moz-border-radius Mozilla extension property is used in CSS and some special HTML tags to create a rounded border of a particular object. The  prefix specifies that its effect can only be seen in browsers which use Gecko as their web engine, like Mozilla Firefox, as   stands for Mozilla. It will only create a border if there is a specific /  on the object. For functionality on other browsers, use the  property. To specify a border radius for each individual corner, use the,  ,  , and   properties.

Values

 * - Specifies a unit of measurement for the radius size. Examples of units are:,  ,  , etc.

To apply this in the HTML document, use:

Check the radius

That will make this: Check the

radius. Viewers who do not use the Firefox browser will not be able to see its effect.

To apply this in a CSS document, use this on any particular element you want, like the  element:

h1 { background-color: white; color: black; -moz-border-radius: 10px; }

The border radius can be any size, as the 10px is just an example.

Image example:



You can use border-radius generatorfor the cross browser