技术头条(投递你的文章)     搜索本站     邮件订阅     微信号:IT技术博客大学习
您现在的位置首页 --> CSS/HTML --> -webkit-margin-start 属性

-webkit-margin-start 属性

浏览:2593次  出处信息

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

参考资料:
-webkit-margin-start

觉得文章有用?立即: 和朋友一起 共学习 共进步!
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
作者微博
© 2009 - 2017 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号