css3大小、定位、轮廓相关属性
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的灰色虚线轮廓