border-top-right-radius

border-top-right-radius 该属性用于规定元素的右上角弧形。该弧形可能为一个椭圆，若一个值为0，就没有圆形。

 

语法

border-top-right-radius: radius;
border-top-right-radius: horizontal vertical;
border-top-right-radius: inherit;

值

值描述
length 此关键词表示圆弧半径的大小或者椭圆的半长轴或半短轴，它属性值的数据类型表示任意单位通过<length>，负值是无效的。
percentage 此关键词标志着圆弧半径的大小或者椭圆的半长轴或半短轴，水平轴的百分值是相对盒模型的宽度，垂直轴的百分值是相对盒模型的宽度，负值是无效的。

例子

HTML 

<div id="red">
</div>

CSS 

#red {
     width: 300px;
     height: 200px;
     border: 2px dashed red;
     border-top-right-radius: 40px;
     }

执行结果

参考

相关链接

外部链接


跳至内容顶部