码迷,mamicode.com
首页 > Web开发 > 详细

css3大小、定位、轮廓相关属性

时间:2015-01-15 01:44:03      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

1.大小相关属性

1.1 CSS3新增的box-sizing属性

 

box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: padding-box; -moz-box-sizing: padding-box;
box-sizing: border-box; -moz-box-sizing: border-box;

 

1.2 CSS3 新增的resize属性

 

 

resize: both;——指定可在两个方向上调整大小。
resize: horizontal;——指定只可在横向上调整大小。
resize: vertical;——指定只可在纵向上调整大小。

 

2.定位 

技术分享

 

3.轮廓相关

outline: rgba(50,50,50,0.5) solid 10px

宽度为10的灰色实线轮廓

outline: rgba(50,50,50,0.5) groove 16px

宽度为16的灰色凹槽线轮廓

outline: rgba(50,50,50,0.5) ridge 16px

宽度为16的灰色凸槽线轮廓

outline: rgba(50,50,50,0.5) ridge 10px;outline-offset:10px;

宽度为10、偏移距也为10的灰色虚线轮廓

css3大小、定位、轮廓相关属性

标签:

原文地址:http://www.cnblogs.com/yhq361/p/4225297.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!