字体排印相关的 CSS 属性

间距

letter-spacing

  • 定义: 字符间的空白(字符间距)。可以增加或者减少。
  • 取值: normal / <length> / inherit

word-spacing

  • 定义: 单词间的空白(字间距)。可以增加或者减少。
  • 取值: normal / <length> / <percentage> / inherit

line-height

  • 定义: 行间距。可以增加或者减少。
  • 取值: normal / <length> / <percentage> / inherit

margin, padding

  • 定义: 外间距、内间距

对齐

text-align

  • 定义: 文本对齐方式。
  • 取值: left / right / center / justify
    • left: 左对齐。
    • right: 右对齐。
    • center: 居中对齐。
    • justify: 两端对齐。

缩进

text-indent

  • 定义: 文本首行缩进。
  • 取值: 0 / <length> / <percentage> / inherit

换行

white-space

  • 定义: 文本空白符。换行符、制表符也属于white space
  • 取值: normal / nowrap / pre / pre-wrap / pre-line
    • normal: 合并空白符(换行符、制表符、空格),内容溢出时自动换行。
    • nowrap: 合并空白符(换行符、制表符、空格),内容溢出时不会自动换行。
    • pre: 保留空白符,内容溢出时不会自动换行。
    • pre-wrap: 保留空白符,内容溢出时自动换行。
    • pre-line: 合并空白符(换行符保留),内容溢出时自动换行。

word-wrap / overflow-wrap (对CJK文本无效)

  • 定义: 单词换行。
  • 取值: normal / break-word
    • normal: 默认值,只在单词结束处换行。
    • break-word: 单词长度溢出时会自动截断、换行。

word-break (对CJK文本有效)

  • 定义: 文字换行。
  • 取值: normal / break-all / keep-all
    • normal: 使用默认的换行规则。CJK 文本换行。
    • break-all: 对于 Non-CJK(中文、日文、韩文)文本,可在任意字符间换行(无视<br>)。打碎所有空格,全部重排。
    • keep-all: CJK 文本不换行。 Non-CJK 文本(包括中文标点)表现同 normal

文本转换

text-transform

  • 定义: 文本转换。
  • 取值: none / capitalize / uppercase / lowercase / full-width
    • none: 默认不转换。
    • capitalize: 每个单词首字母转换为大写。
    • uppercase: 每个字母都转换为大写。
    • lowercase: 每个字母都转换为小写。
    • full-width: 每个字母都转换为全角字符(只有Firefox有效)。

参考链接