border-top-right-radius · CSS基礎

## border-top-right-radius 屬性 ### 屬性定義及使用說明 border-top-right-radius屬性定義了右上角的邊框形狀。 **提示:** 這個屬性允許你為元素添加圓角邊框！ JavaScript 語法:object object.style.borderTopRightRadius="5px" * * * ## 語法 ``` border-top-right-radius: *length*|*%* \[*length*|*%*\]; ``` **注意:** border-top-right--radius屬性的兩個長度或百分比值定義了橢圓的四分之一外邊框的邊緣角落的形狀。第一個值是水平半徑，第二個是垂直半徑。如果省略第二個值，它是從第一個復制。如果任一長度為零，角落里是方的，不圓潤。水平半徑的百分比是指邊界框的寬度，而垂直半徑的百分比是指邊界框的高度。 | 值 | 描述 | | :-- | :-- | | *length* | 定義右上角的形狀。 | | *%* | 使用%定義右上角的形狀。 | * * * ## 實例--為div元素的右上角添加一個圓角邊框： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> div { border:2px solid; padding:10px; background:#dddddd; border-top-right-radius:2em; -webkit-border-top-right-radius:2em; /* Safari */ } </style> </head> <body> <div>The border-top-right-radius property allows you to add a rounded border to the top-right corner.</div> </body> </html> ```