color 设置文本颜色
color_name 规定颜色值为颜色名称的颜色(比如 red)
hex_name 规定颜色值为十六进制值的颜色(比如 #ff0000)
rob_name 规定颜色值为 rgb 代码的颜色(比如 rgb(255,0,0))
inherit 规定应该从父元素继承颜色
direction 设置文本方向
div
{
direction:rtl;
}
ltr 默认,文本方向从左到右
rtf 从右向左
inherit 应该从父元素继承
letter-spacing 设置字符间距
h1 {letter-spacing:2px}
h2 {letter-spacing:-3px}
normal 默认,规定字符间没有额外的空间
length 定义字符间的固定空间(允许使用负值)
inherit 应该从父元素继承
line-height 设置行高
p.small {line-height:90%}
p.big {line-height:200%}
normal 默认,设置合理的行间距
number 设置字数,此数字会于当前的字体尺寸相乘来设置行间距
length 设置固定的行间距
% 基于当前字体尺寸的百分比行间距
inherit 应该从父元素继承
text-align 对齐元素中的文本
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
left 左对齐
right 右对齐
center 把文本排列到中间
justify 两端对齐
inherit 应该从父元素继承
text-indent 缩紧元素中文本的首行
p
{
text-indent:50px;
}
length 定义固定的缩进,默认值:0
% 定义基于父元素宽度的百分比缩进
inherit 从父元素继承
text-shadow 设置文本阴影
h1
{
text-shadow: 2px 2px #ff0000;
}
h-shadow 必需 水平阴影的位置,允许负值
v-shadow 必需 垂直阴影的位置,允许负值
blur 可选 模糊的距离
color 可选 阴影的颜色
text-transform 控制元素中的字母
h1{text-transform:uppercase;}
h2{text-transform:capitalize;}
p{text-transform:lowercase}
none 默认 定义带有小写字母和大写字母的标准文本
capitalize 文本中的每个单词以大写字母开头
uppercase 全大写字母
lowercase 全小写字母
inherit 应该从父元素继承
unicode-bidi 设置或返回文本是否被重写
div
{
direction:rtl;
unicode-bidi:bidi-override;
}
normal 默认 不适用附加的嵌入层面
embed 创建一个附加的嵌入层面
bidi-override 创建一个附加的嵌入层面,重新排序取决于direction属性
initial 设置该属性为它的默认值
inherit 应该从父元素继承
vertical-align 设置元素的垂直对齐
img
{
vertical-align:text-top;
}
baseline 默认 不适用附加的嵌入层面
sub 垂直对齐文本的下标
supper 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素顶端与父元素字体的顶端对齐
middle 把此元素放置在父元素的中部
bottom 把元素的底端与行中最低的元素的顶端对齐
text-bottom 把元素的底端与父元素字体的底端对齐
length
% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值
inherit 从父元素继承
white-space 设置元素中空白的处理方式
p
{
white-space:nowrap;
}
normal 默认 空白会被浏览器忽略
pre 空白会被浏览器保留,其行为方式类似于HTML中的<pre>标签
nowrap 文本不会换行,文本会在同一行上继续,直到遇到<br>标签为止
pre-wrap 保留空白符序列,但是正常地进行换行
pre-line 合并空白符序列,但是保留换行符
length
% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值
inherit 从父元素继承
word-spacing 设置字间距
p
{
word-space:30px;
}
normal 默认 定义单词间的标准空间
length 定义单词间的固定空间
inherit 从父元素继承
网友评论