CFdocument丢失了边框底部的CSS

时间:2017-10-19 14:03:11

标签: coldfusion coldfusion-10

当使用CFdocument在CF10中创建pdf时,我失去了很多css。是否有任何文档显示哪些css被允许用于CFdocument或者它只是继续尝试和它的命中或错过。现在我只想添加一个边框底部样式,它不会显示它的内联样式还是级联样式表。

有谁知道我在哪里可以找到哪些CSS可以用于CFdocument来帮助我使这个边框底部显示和其他没有显示的CSS。

<cfdocument format="pdf" scale="75" backgroundvisible="yes" overwrite="no" fontembed="yes">
<tr style="border-bottom: solid 1px coral;"> 

3 个答案:

答案 0 :(得分:2)

它就在支持的CSS样式下的文档 - cfdocument 我不认为自ColdFusion 9以来支持的标签已经改变。

  

支持的CSS样式

     

cfdocument标记支持以下CSS样式:

     

背景

     

背景附件

     

背景颜色

     

背景图像

     

背景位置

     

背景重复

     

边界

     

边界底部

     

下边框色

     

border-bottom-style(仅限实心边框)

     

下边框宽度

     

边框颜色

     

边界左

     

左边框颜色

     

border-left-style(仅限实心边框)

     

左边框宽度

     

右边框

     

右边框颜色

     

border-right-style(仅限实心边框)

     

右边框宽度

     

边界间距

     

边框样式(仅限实心边框)

     

边框顶

     

边框顶色

     

border-top-style(仅限实心边框)

     

边框顶宽度

     

边界宽度

     

     

明确

     

剪辑

     

颜色

     

内容(字符串,仅限计数器)

     

计数器递增

     

计数器复位

     

光标

     

显示

     

     

字体

     

字体家庭

     

字体大小

     

字体风格

     

字体重量

     

高度

     

     

字母间距

     

行高

     

列表样式型

     

余量

     

边距

     

利润率左

     

余量右

     

的margin-top

     

概要

     

轮廓色

     

大纲样式(实心,虚线,仅虚线)

     

轮廓宽度

     

填充

     

填充底

     

填充左

     

填充右

     

填充顶

     

分页-后

     

分页-前

     

分页-内

     

位置

     

     

text-align(左,右和中)

     

文字修饰

     

文本缩进

     

     

Unicode的比迪

     

垂直对齐

     

能见度

     

空白区域(正常,仅限nowrap)

     

宽度

     

z索引

答案 1 :(得分:1)

您可以在cfdocument中使用CSS,如下所示:

<cfheader name="Content-Disposition" value="inline; filename=Example.pdf">
<cfcontent type="application/pdf">
<cfdocument format="pdf" orientation="landscape">
<style>
    tr {padding-top: 5px}
    td {font-size: 8px; padding-top: 2px}
</style>
<table>
    <tr>
        <td>
            Example
        </td>
    </tr>
</table>

答案 2 :(得分:0)

我通过在tr上使用类来解决了这个问题。

tr.border_bottom td {
  border-bottom:1pt solid black;
}