微信小程序之input 边框

您所在的位置:网站首页 input的输入框边框隐藏怎么设置 微信小程序之input 边框

微信小程序之input 边框

2024-07-11 23:09| 来源: 网络整理| 查看: 265

微信小程序之input 边框

文章目录 微信小程序之input 边框一、边框:border 设置对象边框的特性。二、相关属性

一、边框: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:拉伸。

15.repeat:平铺,碰到边界的时候截断。

16.round:根据边框的尺寸动态调整图片的大小,使得刚好可以铺满整个边框。

17.space:根据边框的尺寸动态调整图片的之间的间距,使得刚好铺满整个边框。

谢谢观看


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3