CSS文本属性

CSS文本属性复习

white-space：对象内空格的处理方式

   nowrap 控制文本不换行

   pre 空白会被浏览器保留

   pre-line 合并空白  保留换行符

   pre-wrap 保留空白  正常换行

direction：文本流的方向

  ltr 文本从左向右

  rtl  文本从右往左

  unicode-bidi：用于同一个页面里存在从不同方向读进的文本显示。 与direction属性一起使用

   bidi-override

CSS3新增文本属性

color:rgba();

rgba()

r         red        红色     0-255

g        green     绿色     0-255

b        blue       蓝色     0-255

a        alpha     透明     0-1

text-overflow:是否使用一个省略标记（...）标示对象内文本的溢出

  clip： 默认值 无省略号

  ellipsis：当对象内文本溢出时显示省略标记（...）。

注意：该属性需配合 over-flow:hidden 属性 ( 超出处理 ) 还有white- space:nowrap( 禁止换行 ) 配合使用，否则无法看到效果

text-align:文本的对齐方式

  css1

    left:默认值 左对齐

    right:右对齐

     center:居中

     justify：内容两端对齐。

   css3

     start:开始边界对齐

     end:结束边界对齐

text-transform:文字的大小写

  css1

    none： 默认值 无转换

    capitalize： 将每个单词的第一个字母转换成大写

    uppercase： 转换成大写

    lowercase： 转换成小写

  css3

    full-width： 将左右字符设为全角形式。 不支持

    full-size-kana：将所有小假名字符转换为普通假名。 不支持

例如：土耳其语。

text-decoration:文本的装饰线，复合属性

text-decoration-line ：

  指定文本装饰的种类。相当于CSS1时的text-decoration属性

text-decoration-style ：

指定文本装饰的样式。

text-decoration-color：

指定文本装饰的颜色。

  blink： 指定文字的装饰是闪烁。  仅opera和firefox

text-decoration : #F00 double overline   CSS3实例

text-shadow:文本阴影

取值：x   y   blur    color,......

  x    横向偏移

  y    纵向偏移

blur      模糊距离(灰度)

color    阴影颜色

       案例: 立体文字

text-fill-color:文字填充颜色

  text-stroke:复合属性。设置文字的描边

   text-stroke-width:文字的描边厚度

   text-stroke-color:文字的描边颜色
  tab-size:制表符的长度   默认值为8(一个tab键的空格字节长度)，在 pre标签之内才会有显示

  word-wrap:当前行超过指定容器的边界时是否断开转行

   normal：默认值

      允许内容顶开或溢出指定的容器边界。

   break-word：

      内容将在边界内换行。如果需要，单词内部允许断行。

 

text-stroke:复合属性。设置文字的描边

tab-size:制表符的长度

word-wrap:当前行超过指定容器的边界时是否断开转行