HTML DOM Style borderTopLeftRadius property
Examples
Adding to the upper left corner of the div element rounded borders:
try it"
Definition and Usage
borderTopLeftRadius property sets or returns the shape of the upper left corner of the border.
Tip: This attribute allows you to add rounded corners to the elements!
Browser Support
IE9 +, Firefox, Chrome, Safari and Opera support borderTopLeftRadius property.
grammar
Back borderTopLeftRadius properties:
Setting borderTopLeftRadius properties:
Note: The two values border-top-left-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-left-radius attribute element. |
CSS version | CSS3 |
related articles
CSS Reference: border-left-Top-RADIUS attribute