-webkit-margin-start 属性

假如元素一开始的外边距的宽度。大白话：其实就是设置 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