CSS3 border-top-left-radius 屬性
實例
為div元素的左上角添加一個圓角邊框:
div
{
border:2px solid;
border-top-left-radius:2em;
}
{
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 語法: | object object.style.borderTopLeftRadius="5px" |
語法
border-top-left-radius: length|% [length|%];
注意: border-top-left--radius屬性的兩個長度或百分比值定義了橢圓的四分之一外邊框的邊緣角落的形狀。第一個值是水準半徑,第二個是垂直半徑。如果省略第二個值,它是從第一個複製。如果任一長度為零,角落裏是方的,不圓潤。水準半徑的百分比是指邊界框的寬度,而垂直半徑的百分比是指邊界框的高度。
值 | 描述 |
---|---|
length | 定義左上角的形狀。 |
% | 使用%定義左上角的形狀。 |
相關文章
CSS3 教學: CSS3 Borders