border-radius

Description

Border-radius is a shorthand property for the four properties border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, border-top-left-radius
If the value contains a slash the value before the slash sets the horizontal radius and after the slash sets the vertical radius.
Without a slash both Horizontal and vertical radii are equal.
Webkit and gecko based browsers currently support border-radius via proprietary properties as shown in the example below.

Example

div{
  border:solid large red;
  -moz-border-radius: 7px; /* Proprietary Mozilla  based browsers such as Firefox */
  -webkit-border-radius: 7px; /* Proprietary webkit browsers such as safari and Chrome */
  border-radius: 7px;
}

Values