8.HTML5 CSS3大小、定位、轮廓相关属性
2014-01-08 21:36
337 查看
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的灰色虚线轮廓
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的灰色虚线轮廓
相关文章推荐
- HTML5标签
- HTML5画布物理学模拟曲线检测
- HTML5新增表单标签和属性
- html5开发之viewport使用
- HTML5 2D游戏引擎研发系列 第六章 <Canvas技术篇-画布技术-混色特效和粒子>
- 基于Html5缓存的页面P2P技术可行性探讨
- 学习《html5.css3.0》网页布局和样式精粹(第一天)
- w3school中文全站离线资源集合
- action-validation.xml中问题解决方法
- 8.HTML5 CSS3 背景、边框与补丁相关属性
- HtML5中新的input类型
- html5为输入框添加语音输入功能
- html5入门设计原理
- HTML5画布启动和停止一个动画
- HTML5画布随机圈与工具提示
- HTML5的Web存储
- 移动开发模式 - Native,HTML5,Hybrid
- £. 关于 HTML5 本地缓存 Window.localStorage
- Element (frame) is obsolete. Its use is discouraged in HTML5 documents.
- 推荐10款非常优秀的HTML5开发工具