css3 border属性设置

css3 border(边框 ）


border:1px solid red;
border-left:1px solid red;
border-left-width:1px;
border-left-style:solid;
border-left-color:red;


border-image
border-image-source//边框来源
取值 none 和url
border-image-slice//分割方法
取值<number>：用浮点数指定宽度，不允许负值
<%>
boeder0image-width//边框宽度
取值<length>用长度指定宽度，不允许负值
<percentage>:用 百分比指定宽度
<number>用浮点数指定宽度，不允许负值
auto:如果auto值被设置，则border-image-width采用
与border-image-slice相同的值 


border-image-outset//扩展方式
border-image-repeat: 取值：repeat round  stretch（默认拉伸） 


space


CSS3圆角属性
border-radius  四个角的水平半径/四个角垂直半径
border-top-left-radius  水平半径  垂直半径
border-top-right-radius
border-bottom-left-radius
border-bottom-right-radius
box-shadow 盒子阴影 取值 none （无阴影）/水平偏移 垂直偏移 模


糊值 阴影外延值
在JS中设置 button.style.boxShadow="5px 5px inset"