CSS3 border-top-right-radius 屬性

2018-07-22 21:43 更新

實(shí)例

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

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

親自試一試

瀏覽器支持

IE Firefox Chrome Safari Opera

IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-top-right-radius 屬性。

定義和用法

border-top-right-radius 屬性定義右下角邊框的形狀。

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

默認(rèn)值: 0
繼承性: no
版本: CSS3
JavaScript 語(yǔ)法: object.style.borderTopRightRadius="5px"

語(yǔ)法

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

注釋?zhuān)?/span>border-top-right-radius 屬性的長(zhǎng)度值和百分比值定義四分之一橢圓(定義外部邊框邊緣的邊角形狀)的半徑(radii)。第一個(gè)值是水平半徑,第二個(gè)值是垂直半徑。如果省略第二個(gè)值,則復(fù)制第一個(gè)值。如果長(zhǎng)度為零,則邊角為方形,而不是圓形。水平半徑的百分比值參考邊框盒的寬度,而垂直半徑的百分比值參考邊框盒的高度。

描述 測(cè)試
length 定義右上角的形狀。 測(cè)試
% 以百分比值定義右上角的形狀。 測(cè)試

相關(guān)頁(yè)面

CSS3 教程:CSS3 邊框

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)