CSS 文本样式
?
可能的值:正值、负值、百分比(相对于父元素的宽度)
注意:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素。
提示:如果想把一个行内元素的第一行“缩进”,可以用左内边距或外边距创造这种效果。
?
2、水平对齐 text-align
JavaScript 语法: object.style.textAlign="right"
可能的值:left、right、center、justify(不建议使用)
?
3、word-spacing 属性增加或减少单词间的空白(即字间隔)。
该属性定义元素中字之间插入多少空白符。针对这个属性,“字” 定义为由空白符包围的一个字符串,允许使用负值。
JavaScript 语法:?object.style.wordSpacing="10px"
示例
?4、字母间隔 letter-spacing
该属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。
JavaScript 语法:?object.style.letterSpacing="3px"?
5、大小写转换 text-transform
JavaScript 语法:?object.style.textTransform="uppercase"
可能的值:
none?默认。默认值 none 对文本不做任何改动,将使用源文档中的原有大小写
capitalize?文本中的每个单词以大写字母开头。
uppercase?定义仅有大写字母。
lowercase?定义仅有小写字母。示例:
?6、文本装饰 text-decoration
JavaScript 语法:?object.style.textDecoration="overline"
可能的值:
none?默认。定义标准的文本。
underline?定义文本下的一条线。
overline?定义文本上的一条线。
line-through?定义穿过文本下的一条线。?
7、white-space
JavaScript 语法: object.style.whiteSpace="pre"
可能的值
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。?
?
?