HTML DOM Style borderTopRightRadius property
Examples
Adding to the upper right corner of the div element rounded borders:
try it"
Definition and Usage
borderTopRightRadius property sets or returns the shape of the bottom right border.
Tip: This attribute allows you to add rounded corners to the elements!
Browser Support
IE9 +, Firefox, Chrome, Safari and Opera support borderTopRightRadius property.
grammar
Back borderTopRightRadius properties:
Setting borderTopRightRadius properties:
Note: The two values border-top-right-radius length or percentage defined radius of a quarter ellipse that defines the shape of the outer corner of the border edges.The first value is the horizontal radius, and the second value is the vertical radius. If the second value is omitted, the first value is copied. If two lengths are 0, then the angle is square, not round. Percentage horizontal radius is relative to the width of the bounding box, and the percentage is relative to the radius of the vertical height of the bounding box.
Property Value
值 | 描述 |
---|---|
length | 定义右上角的形状。 |
% | 以 % 形式定义右上角的形状。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
technical details
Defaults: | 0 |
---|---|
return value: | String representing the border-top-right-radius attribute element. |
CSS version | CSS3 |
related articles
CSS Reference: border-right-Top-RADIUS attribute