购物车
登陆 / 注册
微信扫码登陆

推荐手册

border-top-left-radius

border-top-left-radius
border-top-left-radius属性定义了左上角的边框形状。
编辑:前端控 前端控 更新时间:2019-01-26 17:41:25

CSS3 border-top-left-radius 属性

属性定义及使用说明

border-top-left-radius属性定义了左上角的边框形状。

提示: 这个属性允许你为元素添加圆角边框!

默认值:0
继承: no
版本: CSS3
JavaScript 语法:object object.style.borderTopLeftRadius="5px"

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性compatible_ie.gif1.gif3.gif4.gif5.gif
border-radius 9.0

5.0

4.0 -webkit-

4.0

3.0 -moz- 

5.0

3.1 -webkit-

 10.5

语法

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

注意: border-top-left--radius属性的两个长度或百分比值定义了椭圆的四分之一外边框的边缘角落的形状。第一个值是水平半径,第二个是垂直半径。如果省略第二个值,它是从第一个复制。如果任一长度为零,角落里是方的,不圆润。水平半径的百分比是指边界框的宽度,而垂直半径的百分比是指边界框的高度。

描述
length 定义左上角的形状。
使用%定义左上角的形状。




为div元素的左上角添加一个圆角边框:

实例

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

运行实例 »

点击 "运行实例" 按钮查看在线实例


网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号