Share via


borderTopRightRadius 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.

 

Syntax

Integer value = object.put_borderTopRightRadius(BSTR v);Integer value = object.get_borderTopRightRadius(BSTR* sRadius);

Property values

Type: BSTR

One or two radius values.

length (length)

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

percentage (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.

String format

[ length | percentage ] {1,4}

CSS information

Applies To All elements
Media visual
Inherited no
Initial Value 0

Standards information

Remarks

The IHTMLCSSStyleDeclaration::borderTopRightRadius 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.

Requirements

Minimum supported client

Windows Vista with SP1, Windows 7, Windows 8

Minimum supported server

Windows Server 2008 R2, Windows Server 2012

Header

Mshtml.h

IDL

Mshtml.idl

DLL

Mshtml.dll

See also

Demos

IE Test Drive: Border Radius

IE Test Drive: IE Logo

Conceptual

How to Add Rounded Corners with CSS3

Internet Explorer 9 Guide for Developers: CSS3 Backgrounds and Borders Module

Reference

IHTMLCSSStyleDeclaration::borderRadius

IHTMLCSSStyleDeclaration::borderBottomLeftRadius

IHTMLCSSStyleDeclaration::borderBottomRightRadius

IHTMLCSSStyleDeclaration::borderTopLeftRadius