好学IT学院:IT信息技术分享交流平台
来源:本站原创  作者:开拓者  发布时间:2006-04-30  ★★★加入收藏〗〖手机版
摘要:1、font-variant 版本:CSS1 兼容性:IE4+ NS6+继承性:有语法: font-variant : normal | small-caps 参数: normal : 正常的字体 small-caps : 小型的大写字母字……

1、font-variant 版本:CSS1  兼容性:IE4+ NS6+ 继承性:有
  语法: font-variant : normal | small-caps 
  参数: normal : 正常的字体
      small-caps : 小型的大写字母字体 
  说明: 设置或检索对象中的文本是否为小型的大写字母。对应的脚本特性为fontVariant。
  示例: span { font-variant: small-caps; }

2、font-style  版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
  语法:font-style : normal | italic | oblique 
  参数:
  normal : 正常的字体
  italic : 斜体。对于没有斜体变量的特殊字体,将应用oblique
  oblique : 倾斜的字体
  说明: 设置或检索对象中的字体样式。对应的脚本特性为fontStyle。
  示例:P{font-style:oblique;}P{font-sytle:italic;}

3、font : font-style || font-variant || font-weight || font-size || line-height || font-family
  示例:
   p { font: italic small-caps 600 12pts/18pts 宋体; }
   p { font: italic small-caps 600 12pts/150% Courier; }
   p { font: italic small-caps 600 12pts/1.5 Courier; }
   p { font: italic small-caps 600 12pts/18pts Courier; }
   p { font: /18pts serif; }
   p { font: oblique 100 24pts; }
   H1 { font: 15pt/17pt bold "Arial" normal }

4、text-decoration
  语法:text-decoration : none || underline || blink || overline || line-through
  示例:div{text-decoration:underline overline;}

5、text-shadow 版本:CSS2  兼容性:NONE 继承性:无
  语法:text-shadow : color || length || lenth|| opacity
  示例:新世纪新未来 p:first-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;}

6、text-transform 版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
  语法:text-transform : none | capitalize | uppercase | lowercase
  参数:
   none :  无转换发生
   capitalize :  将每个单词的第一个字母转换成大写,其余无转换发生
   uppercase :  转换成大写
   lowercase :  转换成小写
  说明:检索或设置对象中的文本的大小写。对应的脚本特性为textTransform。
  示例:new century div { text-transform : uppercase; }

6、text-indent 版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
  语法:text-indent : length
  参数: length :  百分比数字|由浮点数字和单位标识符组成的长度值,允许为负值。
  说明:检索或设置对象中的文本的缩进。在被另一个对象(如)断开的对象内不能应用本属性。对应的脚本特性为textIndent。
  示例: div { text-indent : -5px; } div { text-indent : underline 10%; }

7、text-overflow 版本:IE6+专有属性 继承性:无

    语法:text-overflow : clip | ellipsis
    参数:
    clip :  不显示省略标记(...),而是简单的裁切
    ellipsis :  当对象内文本溢出时显示省略标记(...)
    说明:设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。对应的脚本特性为textOverflow。 
    示例:div { text-overflow : clip; }

8、layout-flow 版本:IE5.5+专有属性 继承性:有

    语法:layout-flow : horizontal | vertical-ideographic
    参数:
    horizontal :  对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
    vertical-ideographic :  对象中的内容自上而下流入,下一行在前一行左面。这个值适于亚洲语系
    说明:设置或检索对象内文本的流动和方向。当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
    对应的脚本特性为layoutFlow。
    示例:div { layout-flow : horizontal; }

    请您用下面的按钮选择这段文字的layout-flow属性的值。新世纪网络信息服务平台[NewCn NIST]——因为专业而精彩。

     

9、writing-mode 版本:IE5.5+专有属性 继承性:有
    语法:writing-mode : lr-tb | tb-rl
    参数:lr-tb : 左-右,上-下; tb-rl : 上-下,右-左
    说明:设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右,上-下的书写方式。但是亚洲语言常有上-下,右-左的书写方式。当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。对应的脚本特性为writingMode。
    示例:div { writing-mode: tb-rl; }
10、direction 版本:CSS2  兼容性:IE5+ 继承性:无
    语法:direction : ltr | rtl | inherit
    参数:
    ltr :  文本流从左到右
    rtl :  文本流从右到左
    inherit :  文本流的值不可继承
    说明:用于设置文本流的方向。假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。对应的脚本特性为direction。
    示例:div { direction: rtl; unicode-bidi: bidi-override; }
11、unicode-bidi 版本:CSS2  兼容性:IE5+ 继承性:无
    语法:unicode-bidi : normal | bidi-override | embed
    参数:
    normal :  对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
    embed :  对象打开附加的嵌入层,direction属性的值指定嵌入层,在对象内部进行隐式重排序
    bidi-override :  严格按照direction属性的值重排序。忽略隐式双向运算规则
    说明:用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用。假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。对应的脚本特性为unicodeBidi。
    示例:div { direction: rtl; unicode-bidi: bidi-override; }

12、white-space 版本:CSS1  兼容性:IE5.5+ NS4+ 继承性:有
    语法:white-space : normal | pre | nowrap
    参数: 
    normal: 默认处理方式
    pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
    nowrap: 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性(特性)
    说明:设置或检索对象内空格的处理方式。对应的脚本特性为whiteSpace。
    示例:p { white-space: nowrap; }
13、background 版本:CSS1  兼容性:IE4+ NS4+ 继承性:无
    语法:background : background-color || background-image || background-repeat || background-attachment || background-position 参数:该属性是复合属性。请参阅各参数对应的属性。
    说明:如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。默认值为:transparent none repeat scroll 0% 0%。尽管该属性不可继承,但如果未指定,其父对象的背景颜色和背景图将在对象下面显示。对应的脚本特性为background。
    示例:
    div { background: red no-repeat scroll 5% 60%; }
    body { background: url("images/aardvark.gif") repeat-y; }
    pre { background: url("images/aardvark.gif") top; }
    caption { background: fuchsia; }
14、background-attachment 版本:CSS1  兼容性:IE4+ NS6+ 继承性:无
    语法:background-attachment : scroll | fixed
    参数:
    scroll :  背景图像是随对象内容滚动
    fixed :  背景图像固定
    说明:设置或检索背景图像是随对象内容滚动还是固定的。对应的脚本特性为backgroundAttachment。
    示例:html { background-image: url("anasazi.tif"); background-attachment: fixed; }

15、background-color 版本:CSS1  兼容性:IE4+ NS4+ 继承性:无

    语法:background-color : transparent | color
    参数:
    transparent :  背景色透明
    color :  指定颜色。请参阅颜色单位和附录:颜色表

16、background-position 版本:CSS1  兼容性:IE4+ NS6+ 继承性:无

    语法:
    background-position : length || length
    background-position : position || position
    参数:
    length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位
    position : top | center | bottom | left | center | right
    说明:设置或检索对象的背景图像位置。必须先指定background-image属性。默认值为:(0% 0%)。
    如果只指定了一个值,该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。
    该属性定位不受对象的补丁属性(padding)设置影响。对应的脚本特性为backgroundPosition。
    示例:
    div { background: url("images/aardvark.gif"); background-position: 35% 80%; }
    menu { background: url("images/aardvark.gif"); background-position: 35% 2.5cm; }
    a { background: url("images/aardvark.gif"); background-position: 3.25in; }
    body { background: url("images/aardvark.gif"); background-position: top right; }

  • 好学触屏公众号虎力全开、杨帆起航!
  • 好学考试H5触屏版开放内测