-webkit-margin-start 属性
浏览:6583次 出处信息
假如元素一开始的外边距的宽度。大白话:其实就是设置 margin-left
的宽度>
语法
-webkit-margin-start: width;
参数
width
设置最开始外边距的宽度,目前来说也就是margin-left
的宽度。[ 本系列中文手册讨论都是从左向右的书写,假如书写方向是从右到左,那么另当别论 ]
允许类型
长度单位,相对值:em、ex、ch、rem;视窗百分比单位:vh、vw、vmin、vmax;绝对单位:px、mm、cm、in、pt、pc[1/6 1in],具体代表什么多少值,还希望各位自行去脑补 http://drafts.csswg.org/css-values-3/#lengths
数值
auto
探讨
当书写方向为从左到右,那么该属性代表就是 margin-left
的值,假如书写方向是从右到左,那么该值表示 右边距 margin-right
的值。
支持度
Safari 3.0+ [ 2.0.版本该属性被叫做 -khtml-margin-start ]
iOS 1.0+
栗子
HTML <divclass="box margin-auto">margin:20px; start:auto</div><divclass="box margin-start">margin:20px; start:10px</div>
.box{width:100px;height:100px;float: left;margin:20px;background-color:#ff7671;}.margin-auto{-webkit-margin-start:auto; /*只要是长度单位即可,具体请看上方的单位值。*/}.margin-start{-webkit-margin-start:10px; }
如有不知,请CTRL+C 在编辑器里面自行修改或添加,盒子外边距效果图如下:
参考资料:
-webkit-margin-start
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:你不该忽视的小问题之margin叠加篇
后一篇:z-index和zoom这哥俩 >>
文章信息
- 作者:suchanghai 来源: 小黑路人
- 标签: -webkit-margin-s
- 发布时间:2016-02-16 22:21:04
近3天十大热文
- [66] Oracle MTS模式下 进程地址与会话信
- [65] Go Reflect 性能
- [64] 如何拿下简短的域名
- [59] 图书馆的世界纪录
- [59] 【社会化设计】自我(self)部分――欢迎区
- [58] android 开发入门
- [58] IOS安全–浅谈关于IOS加固的几种方法
- [52] 视觉调整-设计师 vs. 逻辑
- [47] 读书笔记-壹百度:百度十年千倍的29条法则
- [47] 界面设计速成