微信小程序> 微信分身,微信小程序二文本属性

微信分身,微信小程序二文本属性

浏览量:681 时间: 来源:...everyThing
js学习以后坚持一日一更,和大家分享我每天学习的成果及经验,让想要学习的小伙伴少走弯路。
学习一门语言,首先要了解它的基本属性,所以我们从最基本的文本属性学起,这样也便于以后的学习。一、text-indent首行缩进,注意:text-indent只能用在块级元素
textstyle='text-indent:20px;'吉利帝豪发时间考虑好的快乐撒娇的凯撒经理/text!--不会缩进--viewstyle='text-indent:20px;'吉利帝豪发时间考虑好的快乐撒娇的凯撒/view二、text-decoration上中下划线text-decoration:none去掉超链接的默认线条下划线textstyle='text-decoration:underline;'123/text上划线textstyle='text-decoration:overline;'123/text中划线textstyle='text-decoration:line-through;'123/text
三、text-overflowtext-overflow:ellipsis文本溢出变成省略号;务必注意:使用text-overflow时,需要设置固定的宽度才起作用,所以该元素必须具有块状元素的属性(款装元素+行内块状元素)必须配合着overflow:hidden;white-space:nowrap;才会起作用line-clamp:2;显示的行数word-break:break-all自动换行box-orient:vertical从上到下自动排列子元素
四、text-shadow文字阴影:text-shadow:xybc;x:x轴y:y轴b:阴影模糊程度c:颜色textstyle='text-shadow:2px2px5pxred;'ghjkl/text
五、text-transform修改字体大小写,text-transform这个属性有4个值:none|uppercase|lowercase|capitalizenone默认。定义带有小写字母和大写字母的标准的文本。capitalize文本中的每个单词以大写字母开头。uppercase定义仅有大写字母。lowercase定义无大写字母,仅有小写字母。inherit规定应该从父元素继承text-transform属性的值
viewstyle='text-transform:none;'sadadsad/viewviewstyle='text-transform:uppercase;'sadadsad/viewviewstyle='text-transform:lowercase;'ASDADA/viewviewstyle='text-transform:capitalize;'asddadasdas/view六、word-breakword-break:break-all;自动换行配合text-overflow和line-clamp就可以实现自动换行,加最后一行省略号结尾
七、word-wrapword-wrap长单词自动换行,一个单词太长第一行显示不下,那么这个单词会举家迁到第二行,而word-wrap则会使单词在该换行的地方换行
八、word-spacingword-spacing属性可以改变字(单词)之间的标准间隔默认值normal与设置值为0是一样的word-spacing:n;n为正时就加大字体间的间距,n为负的时候就减小字体间的间距如果是单词组成的一句话,那么单词之间的距离会变化,字母之间的距离不会变化,文字也是一样的viewclass='spc'sadsadsa范德萨发生萨达/view
九、letter-spacingletter-spacing字母之间的间隔,文字之间的间隔textstyle='letter-spacing:1em;'asdsadas阿萨德/text
十、directiondirection文本的方向,并不是改变文本中内容的方向,而是改变整个文本的起始位置viewstyle='direction:rtl;'sadada收到了卡/view从右到左viewstyle='direction:ltr;'sadada收到了卡/view从左到右
十一、font-variantfont-variant字体变形,改变字母的大小font-variant:normal;默认样式viewstyle='font-variant:normal;'奥萨达dkl;sAd/viewfont-variant:small-caps;小写字母变大写viewstyle='font-variant:small-caps;'奥萨达dkl;sad/view
十二、outlineoutline边框
outline-color设置轮廓的颜色
outline-style设置轮廓的样式
outline-width设置轮廓的宽度
outline-color属性可能的值属性描述color_name规定颜色值为颜色名称的轮廓颜色(比如red)。hex_number规定颜色值为十六进制值的轮廓颜色(比如#ff0000)。rgb_number规定颜色值为rgb代码的轮廓颜色(比如rgb(255,0,0))。invert默认。执行颜色反转(逆向的颜色)。可使轮廓在不同的背景颜色中都是可见。inherit规定应该从父元素继承轮廓颜色的设置。
outline-style属性可能的值属性描述none默认。定义无轮廓。dotted定义点状的轮廓。dashed定义虚线轮廓。solid定义实线轮廓。double定义双线轮廓。双线的宽度等同于outline-width的值。groove定义3D凹槽轮廓。此效果取决于outline-color值。ridge定义3D凸槽轮廓。此效果取决于outline-color值。inset定义3D凹边轮廓。此效果取决于outline-color值。outset定义3D凸边轮廓。此效果取决于outline-color值。inherit规定应该从父元素继承轮廓样式的设置。
outline-width属性可能的值属性描述thin规定细轮廓。medium默认。规定中等的轮廓。thick规定粗的轮廓。length允许您规定轮廓粗细的值。inherit规定应该从父元素继承轮廓宽度的设置。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎