Latest web development tutorials

CSS3 border-top-left-radius 屬性

實例

為div元素的左上角添加一個圓角邊框:

div
{
border:2px solid;
border-top-left-radius:2em;
}

嘗試一下»

瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

緊跟在-webkit-, -ms- 或-moz- 前的數字為支持該前綴屬性的第一個瀏覽器版本號。

属性
border-radius 9.0 5.0
4.0 -webkit-
4.0
3.0 -moz-
5.0
3.1 -webkit-
10.5

屬性定義及使用說明

border-top-left-radius屬性定義了左上角的邊框形狀。

提示:這個屬性允許你為元素添加圓角邊框!

默認值: 0
繼承: no
版本: CSS3
JavaScript 語法: objectobject.style.borderTopLeftRadius="5px"


語法

border-top-left-radius:length|%[length|%];

注意: border-top-left--radius屬性的兩個長度或百分比值定義了橢圓的四分之一外邊框的邊緣角落的形狀。第一個值是水平半徑,第二個是垂直半徑。 如果省略第二個值,它是從第一個複制。 如果任一長度為零,角落裡是方的,不圓潤。 水平半徑的百分比是指邊界框的寬度,而垂直半徑的百分比是指邊界框的高度。

描述
length 定义左上角的形状。
% 使用%定义左上角的形状。


相關文章

CSS3教程: CSS3 Borders