為div元素的右上角添加一個圓角邊框:
div
{
border:2px solid;
border-top-right-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-right-radius屬性定義了右上角的邊框形狀。
<b>提示:</b> 這個屬性允許你為元素添加圓角邊框!
預設值:
繼承:
no
版本:
CSS3
JavaScript 文法:
object object.style.borderTopRightRadius="5px"
border-top-right-radius: length|% [length|%];
<b>注意:</b> border-top-right--radius屬性的兩個長度或百分比值定義了橢圓的四分之一外邊框的邊緣角落的形狀。第一個值是水準半徑,第二個是垂直半徑。如果省略第二個值,它是從第一個複制。如果任一長度為零,角落裡是方的,不圓潤。水準半徑的百分比是指邊界框的寬度,而垂直半徑的百分比是指邊界框的高度。
值
描述
length
定義右上角的形狀。
%
使用%定義右上角的形狀。
CSS3教程: CSS3 Borders