表格属性

Table Properties
属性

CSS Version
版本

Compatibility
兼容性

Inherit From Parent
继承性

Description
简介

border-collapse

CSS2

IE5+

设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开

border-spacing

CSS2

NONE

设置或检索当表格边框独立时,行和单元格的边框在横向和纵向上的间距

caption-side

CSS2

NONE

设置或检索表格的caption对象是在表格的那一边

empty-cells

CSS2

NONE

设置或检索当表格的单元格无内容时,是否显示该单元格的边框

table-layout

CSS2

IE5+

设置或检索表格的布局算法

speak-header

CSS2

NONE

设置或检索表格头与其后的一系列单元格发生多少次关系

border-collapse

语法: border-collapse : separate | collapse

参数:

separate :  边框独立(标准HTML)

rtl :  相邻边被合并

说明:

设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。

对应的脚本特性为borderCollapse。请参阅我编写的其他书目。

示例: table { border-collapse: separate; }

border-spacing

语法: border-spacing : length || length

参数: length :  由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位

说明:

设置或检索当表格边框独立(例如当border-collapse属性等于separate时),行和单元格的边框在横向和纵向上的间距。

当只指定一个length值时,这个值将作用于横向和纵向上的间距。当指定了全部两个length值时,第一个作用于横向间距,第二个作用于纵向间距。

目前IE5.5尚不支持此属性。

对应的脚本特性为borderSpacing。请参阅我编写的其他书目。

示例: table { border-collapse: separate; border-spacing: 10px; }

caption-side

语法: caption-side : bottom | left |right | top

参数:

bottom :  下面 left :  左边 right :  右边 top :  下面

说明:

设置或检索表格的caption对象是在表格的那一边。它是和caption对象一起使用的属性。

目前IE5.5尚不支持此属性。

对应的脚本特性为captionSide。请参阅我编写的其他书目。

示例: table caption { caption-side: top; width: auto; text-align: left; }

empty-cells

语法: empty-cells : hide | show

参数: hide :  隐藏 show :  显示

说明:

设置或检索当表格的单元格无内容时,是否显示该单元格的边框。

只有当表格边框独立(例如当border-collapse属性等于separate时)此属性才起作用。

目前IE5.5尚不支持此属性。

对应的脚本特性为emptyCells。请参阅我编写的其他书目。

示例: table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; }

table-layout

语法: table-layout : auto | fixed

参数:

auto :  默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢

fixed :  固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关

说明:

设置或检索表格的布局算法。

对应的脚本特性为tableLayout。请参阅我编写的其他书目。

示例: table { table-layout: auto; }

speak-header

语法: speak-header : once | always

参数:

once :  所有的单元格只有一个表格头

fixed :  每一组单元格对应一个表头

说明:

设置或检索表格头与其后的一系列单元格发生多少次关系。

目前IE5.5尚不支持此属性。

对应的脚本特性为speakHeader。请参阅我编写的其他书目。

示例: table { speak-header: once }

滚动条属性

Scrollbar Properties
属性

CSS Version
版本

Compatibility
兼容性

Inherit From Parent
继承性

Description
简介

scrollbar-3d-light-color

IE专有属性

IE5.5+

设置或检索滚动条亮边框颜色

scrollbar-highlight-color

IE专有属性

IE5.5+

设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色

scrollbar-face-color

IE专有属性

IE5.5+

设置或检索滚动条3D表面(ThreedFace)的颜色

scrollbar-arrow-color

IE专有属性

IE5.5+

设置或检索滚动条方向箭头的颜色

scrollbar-shadow-color

IE专有属性

IE5.5+

设置或检索滚动条3D界面的暗边(ThreedShadow)颜色

scrollbar-dark-shadow-color

IE专有属性

IE5.5+

设置或检索滚动条暗边框(ThreedDarkShadow)颜色

scrollbar-base-color

IE专有属性

IE5.5+

设置或检索滚动条基准颜色。其它界面颜色将据此自动调整

scrollbar-3d-light-color

语法: scrollbar-3d-light-color : color

参数: color :  指定颜色。请参阅颜色单位和附录:颜色表

说明:

设置或检索滚动条亮边框颜色。

请参阅overflow属性。

对应的脚本特性为scrollbar3dLightColor。请参阅我编写的其他书目。

示例: div {scrollbar-3d-light-color :threedhighlight; }

scrollbar-highlight-color

语法: scrollbar-highlight-color : color

参数: color :  指定颜色。请参阅颜色单位和附录:颜色表

说明:

设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色。

请参阅overflow属性。

对应的脚本特性为scrollbarHighlightColor。请参阅我编写的其他书目。

示例: div {scrollbar-highlight-color :threedhighlight; }

scrollbar-face-color

语法: scrollbar-face-color : color

参数: color :  指定颜色。请参阅颜色单位和附录:颜色表

说明:

设置或检索滚动条3D表面(ThreedFace)的颜色。

请参阅overflow属性。

对应的脚本特性为scrollbarFaceColor。请参阅我编写的其他书目。

示例: div {scrollbar-face-color : threedface; }

scrollbar-arrow-color

语法: scrollbar-arrow-color : color

参数: color :  指定颜色。请参阅颜色单位和附录:颜色表

说明:

设置或检索滚动条方向箭头的颜色。当滚动条出现但不可用时,此属性失效。

请参阅overflow属性。

对应的脚本特性为scrollbarArrowColor。请参阅我编写的其他书目。

示例: div {scrollbar-arrow-color : buttontext; }

scrollbar-shadow-color

语法: scrollbar-shadow-color : color

参数: color :  指定颜色。请参阅颜色单位和附录:颜色表

说明:

设置或检索滚动条3D界面的暗边(ThreedShadow)颜色。

请参阅overflow属性。

对应的脚本特性为scrollbarShadowColor。请参阅我编写的其他书目。

示例: div {scrollbar-shadow-color :ThreedDarkShadow; }

scrollbar-dark-shadow-color

语法: scrollbar-dark-shadow-color : color

参数: color :  指定颜色。请参阅颜色单位和附录:颜色表

说明:

设置或检索滚动条暗边框(ThreedDarkShadow)颜色。

请参阅overflow属性。

对应的脚本特性为scrollbarDarkShadowColor。请参阅我编写的其他书目。

示例: div {scrollbar-dark-shadow-color :threeddarkshadow; }

scrollbar-base-color

语法: scrollbar-base-color : color

参数: color :  指定颜色。请参阅颜色单位和附录:颜色表

说明:

设置或检索滚动条基准颜色。其它界面颜色将据此自动调整。

请参阅overflow属性。

对应的脚本特性为scrollbarBaseColor。请参阅我编写的其他书目。

示例: div {scrollbar-base-color : buttonface; }

打印属性

Printing Properties
属性

CSS Version
版本

Compatibility
兼容性

Inherit From Parent
继承性

Description
简介

page

CSS2

IE5.5+

检索或指定显示对象容器时使用的页面类型(pagetype)。参阅@page规则

page-break-after

CSS2

IE4+

检索或设置对象后出现的页分割符

page-break-before

CSS2

IE4+

检索或设置对象前出现的页分割符

page-break-inside

CSS2

NONE

检索或设置对象容器中出现的页分割符

marks

CSS2

NONE

设置或检索什么样的标志是应该在页容器外边被给予

orphans

CSS2

NONE

设置或检索对象内容内一定要留在一页范围底端以内的行的最少数量

size

CSS2

NONE

检索或指定页面规格的调整

widows

CSS2

NONE

检索或指定一定要留在页面顶部的行数

page

语法: page : auto | pagetype

参数:

auto :  参照当前的默认页面

pagetype :  指定@page规则里的一个页面类型(pagetype)定义

说明:

检索或指定显示对象容器时使用的页面类型(pagetype)。参阅@page规则。

对应的脚本特性为page。请参阅我编写的其他书目。

示例:

@page doublepage { size: 8.5in 11in; page-break-after: left }

body { page: doublepage; page-break-after: right }

page-break-after

语法: page-break-after : auto | always | avoid | left | right | null

参数:

auto :  假如需要在对象之后插入页分割符

always :  始终在对象之后插入页分割符

avoid :  避免在对象后面插入页分割符

left :  在对象后面插入页分割符直到它到达一个空白的左页边

right :  在对象后面插入页分割符直到它到达一个空白的右页边

null :  空值。IE5用来取消页分割符设置

说明:

检索或设置对象后出现的页分割符。

IE5仅支持always值和空白值(null)。

在IE4中此属性不作用于br对象,但是IE5作用。

对应的脚本特性为pageBreakAfter。请参阅我编写的其他书目。

示例: p { page-break-after: always;}

page-break-before

语法: page-break-before : auto | always | avoid | left | right | null

参数:

auto :  假如需要在对象之前插入页分割符

always :  始终在对象之前插入页分割符

avoid :  避免在对象前面插入页分割符

left :  在对象前面插入页分割符直到它到达一个空白的左页边

right :  在对象前面插入页分割符直到它到达一个空白的右页边

null :  空值。IE5用来取消页分割符设置

说明:

检索或设置对象前出现的页分割符。

IE5仅支持always值和空白值(null)。

在IE4中此属性不作用于br对象,但是IE5作用。

对应的脚本特性为pageBreakBefore。请参阅我编写的其他书目。

示例: p { page-break-after: always;}

page-break-inside

语法: page-break-inside : auto | avoid

参数:

auto :  假如需要在对象容器中插入页分割符

avoid :  使当前对象容器中禁止插入页分割符

说明:

检索或设置对象容器中出现的页分割符。

目前IE5.5尚不支持此属性。

对应的脚本特性为pageBreakInside。请参阅我编写的其他书目。

示例: p { page-break-inside: auto }

marks

语法: marks : none | crop || cross

参数:

none :  无页标记出现

crop :  在页面将会被裁切处指定切割标记

cross :  指定交叉线标记用来供页面对齐

说明:

印刷业的印刷文档通常在页面内容区域外带有一些标记,用来校正和调整所有的页面。此属性用来设置或检索什么样的标志是应该在页容器外边被给予。

目前IE5.5尚不支持此属性。

对应的脚本特性为marks。请参阅我编写的其他书目。

示例: body { marks: crop cross }

orphans

语法: orphans : number

参数: number :  整数

说明:

设置或检索对象内容内一定要留在一页范围底端以内的行的最少数量。

目前IE5.5尚不支持此属性。

对应的脚本特性为orphans。请参阅我编写的其他书目。

示例: p { orphans: 4; }

size

语法: size : auto | portrait | landscape | length

参数:

auto :  指定为适应目标纸张尺寸和方向的relative页面容器

portrait :  指定为适应目标纸张尺寸和方向的relative页面容器,不理会目标页的当前缺省的内容方向,使用文档流从左到右短距离跨越,向下长距离跨越的典型范例(纵向方式)

landscape :  指定为适应目标纸张尺寸和方向的relative页面容器,不理会目标页的当前缺省的内容方向,使用横向方式

length :  由浮点数字和单位标识符组成的长度值。指定为固定尺寸和方向的absolute页面容器。只有一个参数,则指定高度和宽度。用空格分开的两个,第一个指定高度,第二个指定宽度。请参阅长度单位

说明:

检索或指定页面规格的调整。它把页面容器归类为absolute和relative两种。absolute页面有固定的尺寸。relative页面容器将会调整适应目标纸张的尺寸。

目前IE5.5尚不支持此属性。

对应的脚本特性为size。请参阅我编写的其他书目。

示例: body { size: 8.5in 11in }

widows

语法: widows : number

参数: number :  无单位整数。不可为负值

说明:

检索或指定一定要留在页面顶部的行数。

目前IE5.5尚不支持此属性。

对应的脚本特性为widows。请参阅我编写的其他书目。

示例: p { widows: 1 }

WEB标准学习路程之CSS:7.表格,滚动条,打印相关推荐

  1. Web标准概念--摘抄《CSS布局实录》

    前言 对于日常的很多事情,我们并没有注意到这背后都有着一个隐藏的"因素"在起作用,这个因素就是:标准. 生活中各行各业都有着自己相应的标准与规范,标准可以方便交流.促进协作.提高效 ...

  2. css 图片换行_好程序员web前端学习路线分享CSS浮动-文档流篇

    1.纯文本的排列. 文档流就像我们的文本内容一样,所有的文字都会紧挨着,一个个排列下来,如果到了边界,就会换一行排列.当然如果敲回车或者按下空格键一般都会认为是一个词间距,因为英文中每个单词之间是有距 ...

  3. web前端学习128-134(CSS三大特性---层叠性,继承性,优先级)

    文章目录 1 CSS的三大特性 1.1 层叠性 1.2 继承性 1.3 优先级 1 CSS的三大特性 CSS有三个非常重要的三个特性︰层叠性.继承性.优先级. 1.1 层叠性 相同选择器给设置相同的样 ...

  4. 十天学会DIV+CSS(WEB标准)

    学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局.如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听 ...

  5. 精通CSS:高级Web标准解决方案(中文电子书下载)

    诶呀!~好不容易在网上找到了中文电子版的,但是已图片形式显示出来的 文件又太大,整了半天都没整理出来,控件还不够了,这里上传了后面几章的内容 下面给出目录,需要的朋友可以下载,博客园的个人空间也太小了 ...

  6. 1.5 推荐优秀书籍 - 网站重构与Web标准设计 - 学习笔记

    一.推荐优秀书籍 |- 网站重构 -- 应用web标准进行设计 |- http://ishare.iask.sina.com.cn/f/22493274.html |- CSS网站布局实录 -- 基于 ...

  7. html ul做成表格,ul li css制作表格

    实现方法:(利用div的ul和li列表标记打造类似表格效果) 我们首先分析一下如何制作:li是固定的宽度与高度(单元格),设置li在ul中浮动,当ul不够宽的时候,li就会自动另起一行排列(一行有多少 ...

  8. css清除浮动的几种方法_web前端学习路线分享CSS浮动-清除浮动篇

    web前端学习路线分享CSS浮动-清除浮动篇,为什么要清除浮动 这里所说的清除浮动,并不是不要浮动了,而是清除浮动与浮动之间的影响.那么到底会有什么影响呢? 1.高度塌陷 举个例子我们看一下. 我们在 ...

  9. CSS控制表格——制作日历

    表格是网页上最常见的元素,除了用它来显示数据,还常被用来排版.这一次我们就来学习如何用CSS控制表格.一.表格中的标记表格(<table>标记)在最初HTML设计时,仅仅是用来存放各种数据 ...

最新文章

  1. 非侵入脑机接口新突破!用意念控制光标,连续追踪效果提升5倍
  2. deeplearning 重要调参参数分析
  3. python 实时日志监控_python动态监控日志内容的示例
  4. 一年中什么时候申请房贷最容易下款?
  5. Java当中 文件得输入流 输出流
  6. python重启路由器_Python3控制路由器——使用requests重启极路由.py
  7. 第十八篇 Linux环境下常用软件安装和使用指南
  8. 到底什么是“机器学习”?机器学习有哪些基本概念?(简单易懂)
  9. web之nginx相关配置二
  10. linux搭建windows无盘系统,linux下无盘系统的安装
  11. phpwamp mysql_PHPWAMP配置修改与Web服务器和php以及mysql的具体配置修改
  12. 【Python】Python绘制CIE1931色度图并标点
  13. VS中使用ankhSVN
  14. UCI机器学习数据库使用说明
  15. css style 命名,CSS_CSS样式命名规范,命名一直是个让我头痛的问题 - phpStudy
  16. Excel数据的导入
  17. 谷歌问答上线 悲凉下的涌动
  18. SQL Server安全(2/11):身份验证(Authentication)
  19. android自定义view 模仿win10进度条
  20. 精品德国软件 UltraShredder 文件粉碎机

热门文章

  1. 规划 SOA 参考架构
  2. 使用axis2解析wsdl反向生成webservice客户端
  3. AgileJava开源项目正式开始
  4. eas之Uuid和BOSUuid 区别
  5. 给妹子讲python-S01E01好用的列表
  6. django url 中的namespace详解
  7. MySql(四):备份与恢复
  8. [LeetCode] Sum of Left Leaves 左子叶之和
  9. 解决spring mybatis 整合后mapper接口注入失败
  10. rk3288对于parameter参数文件的解析处理【转】