Latest web development tutorials

HTML DOM Style borderTopLeftRadius 屬性

Style 對象參考手冊 Style對象

實例

向div 元素的左上角添加圓角邊框:

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

嘗試一下»

定義和用法

borderTopLeftRadius 屬性設置或返回左上角邊框的形狀。

提示:該屬性允許您向元素添加圓角邊框!


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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屬性


Style 對象參考手冊 Style對象