Export (0) Print
Expand All
Information
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

border-top-right-radius property

Sets or retrieves one or two values that define the radii of the quarter ellipse that defines the shape of the upper-right corner for the outer border edge of the current box.

CSS Backgrounds and Borders Module Level 3, Section 5.1

Syntax

border-top-right-radius: [ length | percentage ] {1,4}

Property values

One or two of either of the following radius values.

length

Floating-point number, followed by a supported length unit.

percentage

Integer, followed by a %. The value is a percentage of, for horizontal radii, the width of the border box, or, for vertical radii, the height of the border box.

CSS information

Applies ToAll elements
Mediavisual
Inheritedno
Initial Value0

Standards information

Remarks

The border-top-right-radius property specifies the horizontal and vertical radii of the ellipse that defines the rounded upper-right corner for a border box. If there is only one value given, that value specifies both horizontal and vertical radii of the ellipse. If there are two values given, the first value sets the horizontal radius and the second value sets the vertical radius.

For more information about the border-*-*-radius properties, see How to Add Rounded Corners with CSS3.

See also

CSSStyleDeclaration
currentStyle
defaults
runtimeStyle
style
Demos
IE Test Drive: Border Radius
IE Test Drive: IE Logo
Conceptual
How to Add Rounded Corners with CSS3
Reference
border-radius
border-bottom-left-radius
border-bottom-right-radius
border-top-left-radius

 

 

Show:
© 2014 Microsoft