HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

bordertopleftradius

Style borderTopLeftRadius 属性

实例

向 div 元素的左上角添加圆角边框：

document.getElementById("myDIV").style.borderTopLeftRadius="25px";

定义和用法

borderTopLeftRadius 属性设置或返回左上角边框的形状。

提示：该属性允许您向元素添加圆角边框！

浏览器支持

IE9+、Firefox、Chrome、Safari 和 Opera 支持 borderTopLeftRadius 属性。

语法

返回 borderTopLeftRadius 属性：

object.style.borderTopLeftRadius

设置 borderTopLeftRadius 属性：

object.style.borderTopLeftRadius="length|% [length|%]|initial|inherit"

注意：border-top-left-radius 的长度或百分比的两个值定义了四分之一个椭圆的半径，即定义了外边框边缘的角的形状。第一个值是水平的半径，第二个值是垂直的半径。如果第二个值被省略了，则复制第一个值。如果两个长度都为 0，则角是方的，不是圆的。水平半径的百分比是相对于边界框的宽度，而垂直半径的百分比是相对于边界框的高度。

属性值

值	描述
length	定义左上角的形状。
%	以 % 形式定义左上角的形状。
initial	设置该属性为它的默认值。请参阅 initial。
inherit	从父元素继承该属性。请参阅 inherit。

技术细节

默认值：	0
返回值：	字符串，表示元素的 border-top-left-radius 属性。
CSS 版本	CSS3

CSS 参考手册：border-top-left-radius 属性

bordertopleftradius

Style borderTopLeftRadius 属性

实例

定义和用法

浏览器支持

语法

属性值

技术细节

相关文章