美文网首页
CSS 文本属性

CSS 文本属性

作者: blaze冰叔 | 来源:发表于2019-07-23 15:14 被阅读0次

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          从父元素继承

相关文章

网友评论

      本文标题:CSS 文本属性

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