Style borderRadius 屬性
描述
borderRadius 屬性是用於設定或返回四個 borderRadius 屬性的簡寫屬性。
四個 border radius 屬性(按此順序)
borderTopLeftRadius
borderTopRightRadius
borderBottomRightRadius
borderBottomLeftRadius
提示: 此屬性允許您為元素新增圓角!
瀏覽器支援
屬性 | |||||
---|---|---|---|---|---|
borderRadius | 是 | 9.0 | 是 | 是 | 是 |
語法
返回 borderRadius 屬性
object.style.borderRadius
設定 borderRadius 屬性
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
注意: 每個半徑的四個值按順時針順序給出:左上角、右上角、右下角、左下角。如果省略左下角,則其值與右上角相同。如果省略右下角,則其值與左上角相同。如果省略右上角,則其值與左上角相同。
屬性值
值 | 描述 |
---|---|
length | 定義角的形狀。預設值為 0 |
% | 以 % 定義角的形狀 |
initial | 將此屬性設定為其預設值。閱讀關於 initial |
inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
預設值 | 0 |
---|---|
返回值 | 字串,表示元素的 border-radius 屬性 |
CSS 版本 | CSS3 |
相關頁面
CSS 參考: border-radius 屬性