mozborderradius

mozborderradius refers to the vendor-prefixed CSS property -moz-border-radius, used by Mozilla’s Gecko rendering engine to create rounded corners in older versions of Firefox and other Mozilla-based browsers. It emerged during the early days of CSS3 support, when browser vendors supplied their own prefixes to enable new features before they became standardized.

The -moz-border-radius property functioned similarly to the standard border-radius. It could be written as a shorthand to set the radii for all four corners in one declaration, for example: -moz-border-radius: 8px;. It also had longhand equivalents for individual corners, such as -moz-border-top-left-radius, -moz-border-top-right-radius, -moz-border-bottom-right-radius, and -moz-border-bottom-left-radius, allowing precise control over each corner’s curvature. In some cases, values could express multiple radii or elliptical shapes, mirroring the syntax later adopted by the standard property.

Compatibility and status: The -moz-border-radius prefix is now obsolete. Modern browsers ignore it, and the standard border-radius property is widely supported across all major engines. To maximize compatibility in legacy projects, some authors included both -moz-border-radius and border-radius in their rules, but this is typically unnecessary today. Developers should rely on border-radius for new styling.

See also: border-radius, CSS border radii, vendor-prefixed properties, CSS3 Backgrounds and Borders.