引用外部样式:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
- text-transform : none | capitalize | uppercase | lowercase
取值:
none : 默认值。无转换发生
capitalize : 将每个单词的第一个字母转换成大写,其余无转换发生
uppercase : 转换成大写
lowercase : 转换成小写
- text-decoration : none || underline || blink || overline || line-through
取值:
none : 默认值。无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
- font-style : normal | italic | oblique
取值:
normal : 默认值。正常的字体
italic : 斜体。对于没有斜体变量的特殊字体,将应用 oblique
oblique : 倾斜的字体
- line-height : normal | length
取值:
normal : 默认值。默认行高
length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅 长度单位
- text-overflow : clip | ellipsis
取值:
clip : 默认值。不显示省略标记(…),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(…)
- text-indent : length
取值:
length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅 长度单位
说明:
检索或设置对象中的文本的缩进。默认值为 0 。
在被另一个对象(如 br )断开的对象内不能应用本属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 textIndent
- text-align : left | right | center | justify
left : 默认值。左对齐
right : 右对齐
center : 居中对齐
justify : 两端对齐
说明:
设置或检索对象中文本的对齐方式。
此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置,这个参数将获取 null 值。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 textAlign 。
div { text-align : center; }
- writing-mode : lr-tb | tb-rl
竖排文字:
取值:
lr-tb : 默认值。对象中的内容在水平方向上从左向右流入,后一行在前一行的下面。 所有的字形都是竖直向上的。这种布局是罗马语系使用的
tb-rl : 上-下,右-左。对象中的内容在垂直方向上从上向下流入,自右向左。后一竖行在前一竖行的左面。全角字符是竖直向上的,半角字符如拉丁字母或片假名顺时针旋转90度。这种布局是东亚语系通常使用的
- 属性选择器
下面的例子为带有 title 属性的所有元素设置样式:
[title]
{
color:red;
}