⼩程序之input边框
⼩程序之input 边框
⽂章⽬录
⼀、边框：border 设置对象边框的特性。
语法：border：length style color
style：none ，hidden，dotted，dashed，solid，double，groove，ridge，inset，outset。
⼆、相关属性
1.border-width：设置边框宽度：常⽤取值：medium：默认值，相当于3px。thin：1px。thick：5px。不可以为负值。
2.border-color：设置边框颜⾊。
3.border-top：设置顶部边框。border-top-width,border-top-style,border-top-color 分别设置 宽度，样式以及颜⾊
4.border-right：设置右边框。
5.border-bottom：设置底边框。
6.border-left：设置左边框。
写文章的小程序7.border-radius：设置对象使⽤圆⾓边框。取值为数字或者百分⽐。
当然也可以给4个⾓单独的设置：
左上⾓：border-top-left-radius，右上⾓：border-top-right-radius，左下⾓：border-bottom-left-radius，右下⾓：border-
bottom-right-radius
8.box-shadow：设置对象阴影
9.border-image：对象的边框样式使⽤图⽚来填充。
border-image-source：设置图⽚的来源。使⽤绝对或者相对地址或者渐变⾊来确定图⽚。
10border-image-slice ：设置边框背景图的分隔⽅式。取值：数值／百分⽐ fill.该属性指定从上右下左来分割图⽚，将图像分成4个⾓，4条边以及中间区域。中间区域始终是透明的，除⾮使⽤关键字fill。
11.border-image-width：设置边框背景的宽度。⽤于指定使⽤多厚的边框来承载呗裁剪后的图像。
12.border-image-outset：设置对象的边框背景图的扩展，意思就是说假如设置了10rpx，那么图像就会在原来基础上外延10rpx在显⽰。
13.border-image-repeat：设置对象的边框图⽚的平铺⽅式。
14.stretch：拉伸。
17.space：根据边框的尺⼨动态调整图⽚的之间的间距，使得刚好铺满整个边框。
谢谢观看

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。