CSS文本、字体属性(更新中)

css文本属性
属性 描述 相关值
color 文本颜色  
direction 文本方向

ltr  从左到右(默认)

rtl  从右到左

inherit  继承父元素属性

letter-spacing 字符间距 length
line-height 行高  
text-align 对齐元素中的文本

left  左边对齐

right  右边对齐

center  中间对齐

justify  两端对齐文本效果

text-decoration 文本添加修饰

none (默认)

underline  下划线

overline  上划线

line-through  穿过文本下的一条线

blink  闪烁的文本(主流浏览器不支持)

text-index 缩进元素中文本的首行  
text-shadow 文本阴影

text-shadow: h-shadow v-shadow blur color;

h-shadow  必选,水平阴影位置(可负值)

v-shadow  必选,垂直阴影位置(可负值)

blur  可选,模糊的距离

color  可选,阴影的颜色

text-transform 控制元素中的字母

none  (默认)

capitalize  文本中每个单词以大写字母开头

uppercase  仅有的大写字母

lowercase 仅有小写字母

unicode-bidi 设置或返回文本是否被重写  
vertical-align 元素的垂直对齐

baseline (默认)

sub  垂直对齐文本的下标

super  垂直对齐文本的上标

top  把元素的顶端与行中的最高元素顶端对齐

text-top  把元素的顶端与父元素的字体的顶端对齐

middle  把此元素放置在父元素的中部

bottom  把元素的底端与行中最低的元素的顶端对齐

text-bottom  把元素的底端与父元素字体的底端对齐

length  (普通数值)

%  使用line-height属性的百分比值来排列

white-space 元素中空白的处理方式  
word-spacing 字间距 length
hanging-punctuation 规定标点字符是否位于线框之外  
punctuation-trim 规定是否对标点字符进行修剪  
text-emphasis 向元素的文本应用重点标记以及重点标记的前景色  
text-justify 规定当text-align设置为justify时所使用的对齐方法  
text-outline 规定文本的轮廓  
text-overflow 规定当文本溢出包含元素时发生的事情  
text-wrap 规定文本的换行规则  
word-break 规定非中日韩文本的换行规则  
word-wrap 允许长单词进行分割换行  
css字体属性
属性 描述 相关值
font 在声明中设置所有的字体属性

可设置的属性是(按顺序):

"font-style font-variant font-weight font-size/line-height font-family"

font-size和font-family的值是必需的。

如果缺少了其他值,默认值将被插入,如果有默认值的话。

font-family 指定文本的字体系列

family-name 
指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。
generic-family 
通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace。

font-size 字体大小  
font-style 字体样式

italic  斜体的字体样式

oblique  倾斜的字体样式

font-variant 以小型大写字体或者正常字体显示文本 small-caps  显示小型的大写字母的字体
font-weight 字体的粗细

normal  (默认值)==400

bold  粗体字符  ==700

bolder  更粗的字符

lighter   更细的字符

100~900 定义由粗到细的字体

posted @ 2018-09-20 15:42  凉の茶  阅读(346)  评论(0编辑  收藏  举报