美文网首页
文本的样式

文本的样式

作者: 栀心_d553 | 来源:发表于2019-12-15 23:17 被阅读0次

text-transform可以用来设置文本的大小写 

 可选值: none 默认值,该怎么显示就怎么显示,不做任何处理 capitalize 单词的首字母大写,通过空格来识别单词 

 uppercase 所有的字母都大写

 lowercase 所有的字母都小写




text-decoration可以用来设置文本的修饰

可选值:

none:默认值,不添加任何修饰,正常显示

underline 为文本添加下划线

overline 为文本添加上划线

line-through 为文本添加删除线





text-transform可以用来设置文本的大小写

可选值:

none 默认值,该怎么显示就怎么显示,不做任何处理

capitalize 单词的首字母大写,通过空格来识别单词

uppercase 所有的字母都大写

lowercase 所有的字母都小写


超链接会默认添加下划线,也就是超链接的text-decoration的默认值是underline

如果需要去除超链接的下划线则需要将该样式设置为none

text-decoration: none;


letter-spacing可以指定字符间距


word-spacing可以设置单词之间的距离,实际上就是设置词与词之间空格的大小



text-align用于设置文本的对齐方式

可选值:

left默认值,文本靠左对齐

right文本靠右对齐

center文本居中对齐

justify两端对齐

-通过调整文本之间的空格的大小,来达到一个两端对齐的目的




text-indent用来设置首行缩进

这个值一般都会使用em作为单位

当给它指定一个正值时,会自动向右侧缩进指定的像素

如果为它指定一个负值,则会向左移动指定的像素

通过这种方式可以将一些不想显示的文字隐藏起来


相关文章

  • Flutter组件

    文本及样式 Text: 显示简单样式文本TextStyle: 指定文本显示的样式TextSpan: 对一个Text...

  • Css样式--文本样式详解

    Css样式--文本样式详解 文本样式包括所谓的文本缩进:text-indent水平对齐:text-align:ce...

  • CSS-基础

    选择器样式:背景/大小样式:文本/字体 选择器 样式:背景/大小 样式:文本/字体 样式:边框 样式:内边距 样式...

  • CSS-1

    全局样式 类样式 背景样式 外部样式 文本样式 属性属性值作用color表示颜色的内容设置文本颜色directio...

  • CSS(四)文本样式设置

    颜色表及HTML代码(部分) 文本样式 文本样式:对齐方式、文本修饰文本转换、文本缩进.... 作用:美化、修饰页...

  • HTML03-day

    文本标签 列表 颜色单位 字体分类 字体样式 行间距 颜色单位 字体其他样式 文本样式

  • iOS 属性文字NSAttributedString/NSMut

    在iOS中的文本样式是固定的,只能设置字体样式(font)或者设置字体,如果需要自定义文本样式,则需要用属性文本(...

  • Flutter 之Text、TextSpan

    Text组件常用属性 属性描述data必填项 文本信息style文本的样式信息strutStyle文本字体的样式信...

  • CSS文本样式值

    字体样式针对的是“文字本身”的形体效果,而文本样式针对的是“整个段落”的排版效果。字体样式注重个体,文本样式注重整...

  • 文本的样式

    text-transform可以用来设置文本的大小写 可选值: no...

网友评论

      本文标题:文本的样式

      本文链接:https://www.haomeiwen.com/subject/hsqtnctx.html