Fandom

HTML & CSS Wiki

-moz-border-radius

649pages on
this wiki
Add New Page
Comments0 Share

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 -moz- prefix specifies that its effect can only be seen in browsers which use Gecko as their web engine, like Mozilla Firefox, as moz stands for Mozilla. It will only create a border if there is a specific background-color/image on the object. For functionality on other browsers, use the border-radius property. To specify a border radius for each individual corner, use the -moz-border-radius-topleft, -moz-border-radius-topright, -moz-border-radius-bottomleft, and -moz-border-radius-bottomright properties.

Values

  • <length> - Specifies a unit of measurement for the radius size. Examples of units are: pt, px, em, etc.


To apply this in the HTML document, use:

<span style="background-color:white; color:black; -moz-border-radius:10px;">Check the radius</span>

That will make this: Check the

212 12121 12

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 h1 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:

-moz-border-radius

-moz-border-radius in Firefox 3.6.10



You can use border-radius generatorfor the cross browser

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.