定义和用法
边界 - 左上角半径属性定义左上角的边界的形状。
Tip:这个属性可以让你圆润的边框添加元素!
默认值: | 0 |
---|---|
遗传: | no |
动画: | yes. Read about animatable Try it |
版: | CSS3 |
JavaScript语法: | object .style.borderTopLeftRadius="25px" Try it |
浏览器支持
在表中的数字规定,完全支持该属性的第一个浏览器版本。
其次是-webkit-号码或-moz-指定用一个前缀工作的第一个版本。
属性 | |||||
---|---|---|---|---|---|
border-top-left-radius | 5 4.0 -webkit- | 9 | 4 3.0 -moz- | 5 3.1 -webkit- | 10.5 |
CSS语法
border-top-left-radius:length|%[length|%]|initial|inherit;
Note:边界-左上半径特性的两个长度或百分比值定义一个四分之一椭圆限定外边界边缘的拐角的形状的半径。 所述第一值是水平的半径,所述第二垂直半径。 如果省略所述第二值时,它被从第一复制。 如果任一长度为零,转角是方形,而不是圆形的。 对于水平半径的百分比指的是边界框的宽度,而对于垂直半径百分数是指边界框的高度。
属性值
值 | 描述 | 播放 |
---|---|---|
length | 定义了左上角的形状 | 播放 ” |
% | 定义%的左上角的形状 | 播放 ” |
initial | 将此属性设置为默认值。 阅读关于初始 | 播放 ” |
inherit | 继承其父元素此属性。 阅读关于继承 |
相关页面
CSS3教程: CSS3边框
HTML DOM参考: borderTopLeftRadius property