离奇的table border

 做兼职的时候,给一个论坛界面修改完善CSS的时候,IE正常,在Firefox下总是有不明border出现,我把CSS,html 的style 仔细检查,也没有什么结果,仍然出现,折腾了好几个小时。最后索性把CSS样式全部去掉,不信你还能出现。结果还是出现了。无聊之余,我看到一个没有见过的table属性:
<table rules = "all" >
删除之,发现终于border不见了,看来我对html markup好多都不知道,赶紧搜索这个恶心的玩意。

结果如下: Quote RULES Attribute | rules Property

Sets or retrieves which dividing lines (inner borders) are displayed.

Syntax

HTML: <TABLE RULES = sRule... >
Scripting: [ sRule = ] TABLE.rules

Possible Values

sRule / String that specifies or receives one of the following values.
all  / Borders are displayed on all rows and columns.
cols /  Borders are displayed between all table columns.
groups /  Horizontal borders are displayed between all tHead, tBody, and tFoot objects; vertical borders are displayed between all colGroup objects.
none /  All interior table borders are removed.
rows /  Horizontal borders are displayed between all table rows.W3C的内容 Quote rules = none|groups|rows|cols|all
This attribute specifies which rules will appear between cells within a table. The rendering of rules is user agent dependent. Possible values:

* none: No rules. This is the default value.
* groups: Rules will appear between row groups (see THEAD, TFOOT, and TBODY) and column groups (see COLGROUP and COL) only.
* rows: Rules will appear between rows only.
* cols: Rules will appear between columns only.
* all: Rules will appear between all rows and columns.

时间: 2024-08-07 11:33:16

离奇的table&nbsp;border的相关文章

jsp-JSP中设置table的border属性无效

问题描述 JSP中设置table的border属性无效 下面是我设置的代码: <table border="100px" bordercolor="green"> <tr> <td> ID </td> <td> 标题 </td> <td> 描述 </td> <td> 价格 </td> <td> 数量 </td> <td

Jsp中的table多表头导出excel文件具体实现

 这篇文章主要介绍了Jsp中的table多表头导出excel文件具体实现,有需要的朋友可以参考一下 首先引入两份JS:copyhtmltoexcel.js以及 tableToExcel.js    代码如下: /*   * 默认转换实现函数,如果需要其他功能,需自行扩展  * 参数:  *      tableID : HTML中Table对象id属性值  * 详细用法参见以下 TableToExcel 对象定义    */ function saveAsExcel(tableID){  var

js添加table的行和列 具体实现方法

这篇文章介绍了js添加table的行和列 具体实现方法,有需要的朋友可以参考一下   复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&quo

HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列

 HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列  本文给大家分享的是使用HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列的方法和示例,非常的实用,特别是在BS架构的企业级应用,有需要的小伙伴可以参考下.     BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好.一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使

表格边框探秘table及如何快速实现细线表格

一.表格中单元格之间分隔线的隐藏方法   第 一 行 第 二 行 第 三 行 这个表格去掉了单元格之间的纵向分隔线 第 第 第 一 二 三 列 列 列 这个表格去掉了单元格之间的横向分隔线 横   线 竖   线 都 没 了 这个表格去掉了单元格之间的纵向分隔线和横向分隔线 其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<TABLE>标签中都有rules. 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵

javascript Table

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>Javascript Table 

HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列_javascript技巧

BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好.一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使用表格拼接的方法,这个方案如果要制作静态的网页,或者功能简单的动态页面,逻辑比较简单,技术上也不复杂,很容易实现,但是如果要做成组件,动态功能较多的话,就需要写大量的冗余代码,难以维护,甚至于一个简单的功能,都需要写很多的代码,比如事件处理等,

JS代码实现table数据分页效果_javascript技巧

第一个:实现的很常见很简单的显示页数翻页 效果图: •这是HTML代码,很简单滴(我好像看到了被嫌弃的小眼神) <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-"> <script src="js/jquery-...js"></script> <script src="js/demo.js

js添加table的行和列 具体实现方法_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></titl