DITA表格frame="topbot"属性失效：如何去除多余边框？

嘿，这个问题我之前帮同事排查过，其实问题不在你的DITA代码本身——frame="topbot"的用法完全符合DITA规范，核心问题出在DITA到最终输出（比如HTML）的转换环节，具体来说有这几个常见原因：

1. 转换工具的默认样式覆盖了属性 #

大部分DITA转换工具（比如DITA-OT）的默认HTML输出模板，会自带全局表格样式，比如给<table>、<tr>、<entry>（对应HTML的<td>）都加上了border: 1px solid的通用样式。这些CSS样式的优先级高于DITAframe属性对应的转换规则，导致你设置的topbot效果被覆盖，最终显示所有边框。

2. 旧版转换工具对frame属性支持不完整 #

如果你的DITA-OT版本比较老旧，可能存在对frame属性细分值（比如topbot、sides等）解析不完整的问题——有些旧版本只支持all、none这类简单值，无法正确将topbot转换为对应的CSS样式。

解决办法 #

针对这两个问题，你可以尝试以下方案：

• 自定义CSS强制实现效果
  在你的DITA项目中添加自定义CSS，专门针对frame="topbot"的表格设置样式，覆盖默认模板的样式：

  /* 仅显示表格顶部和底部边框 */
  table[frame="topbot"] {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: none;
    border-right: none;
    border-collapse: collapse;
  }
  /* 隐藏内部单元格的边框 */
  table[frame="topbot"] tr,
  table[frame="topbot"] entry {
    border: none !important;
  }
  

  然后将这个CSS集成到你的DITA转换流程中（比如通过自定义DITA-OT插件，或者修改输出模板的样式引用）。

• 升级转换工具版本
  如果你使用的是旧版DITA-OT，建议升级到最新的稳定版本（比如4.x系列），新版本对DITA表格属性的支持更完善，能正确解析frame="topbot"并生成对应的CSS样式。

• 检查模板配置
  查看你使用的输出模板中是否有硬编码的表格边框样式，如果有的话，修改模板中的相关配置，移除全局的表格边框设置，让frame属性的规则生效。

内容的提问来源于stack exchange，提问作者Cho