格拉布茲 HTML到DOCX 轉換器讀取所有 HTML 元素並嘗試生成與 DOCX 中每個元素最接近的近似值。 當我們使用瀏覽器來解析 HTML 元素的樣式時,要么使用瀏覽器 CSS 來解析元素類型,要么使用 HTML 提供的自定義 CSS。
下表詳細介紹瞭如何設置 DOCX 文本、圖像、表格、水平線和部分的樣式,雖然這僅提供了 HTML 到 DOCX 轉換器功能的廣泛概述,但它應該使您能夠輕鬆創建可轉換的 HTML into 很棒的 DOCX 文檔。
文本 | ||
---|---|---|
DOCX 屬性 | CSS 屬性 | 筆記 |
字體 | FONT-FAMILY | |
字體大小 | 字體大小 | |
字體顏色 | 顏色 | |
左右間距 | 左內邊距、右內邊距、左外邊距、右外邊距 | |
頂部和底部間距 | 頂部填充、底部填充、頂部邊距、底部邊距 | |
行間距 | 行高 | |
字距調整 | 字母間距 | |
突出 | 背景色 | 僅當它與 DOCX 規範允許的突出顯示顏色之一匹配時才會應用:black、blue、cyan、darkBlue、darkCyan、darkGray、darkGreen、darkMagenta、darkRed、darkYellow、green、lightGray、magenta、none、red、white , 黃色的 |
無所畏懼 | 字體重量 | |
斜體 | 字體風格 | |
強調 | 文字修飾 | |
下劃線顏色 | 文字裝飾顏色 | |
下劃線樣式 | 文字裝飾風格 | |
刪除線 | 文字修飾 | |
校準 | 文本對齊 | |
方向 | 方向 | |
大寫、小寫、標題大小寫 | 文本轉換 | |
小帽子 | 字體變體大寫字母 | |
文本縮進 | 文本縮進 | |
上標和下標 | 垂直對齊 | |
浮雕、雕刻、陰影、輪廓 | 文字陰影 | |
標題 | h1、h2、h3、h4、h5、h6 標籤 | |
邊框寬度 | 邊框寬度 | 請注意,只有當邊框的所有邊對於每個屬性類型都具有相同的值時,這些 CSS 樣式才會應用於文本。 |
邊框顏色 | 邊框顏色 | |
邊框樣式 | 邊框式 | |
枱燈 | ||
DOCX 屬性 | CSS 屬性 | 筆記 |
邊框寬度 | 邊框寬度 | |
邊框顏色 | 邊框顏色 | |
邊框樣式 | 邊框式 | |
校準 | 文本對齊 | |
繼續下一步 | 闖入 | 僅在選擇“避免”選項時適用。 |
表行 | ||
DOCX 屬性 | CSS 屬性 | 筆記 |
跨頁打破 | 闖入 | 適用,除非選擇“避免”選項。 |
表格單元格 | ||
DOCX 屬性 | CSS 屬性 | 筆記 |
邊框寬度 | 邊框寬度 | |
邊框顏色 | 邊框顏色 | |
邊框樣式 | 邊框式 | |
垂直對齊 | 垂直對齊 | |
底紋 | 背景色 | |
單元格填充 | 填充 | |
單元寬度 | 寬度 | 在 DOCX 中沒有概念 單元高度. |
圖片 | ||
DOCX 屬性 | CSS 屬性 | 筆記 |
左右間距 | 左內邊距、右內邊距、左外邊距、右外邊距 | |
頂部和底部間距 | 頂部填充、底部填充、頂部邊距、底部邊距 | |
校準 | 文本對齊、左邊距、右邊距、 float | |
方向 | 方向 | |
自轉 | 改造 | |
邊框寬度 | 邊框寬度 | 請注意,只有當邊框的所有邊對於每個屬性類型都具有相同的值時,這些 CSS 樣式才會應用於圖像。 |
邊框顏色 | 邊框顏色 | |
邊框樣式 | 邊框式 | |
名單 | ||
DOCX 屬性 | CSS 屬性 | 筆記 |
列表項標記 | 列表樣式類型 | |
左右間距 | 左內邊距、右內邊距、左外邊距、右外邊距 | |
頂部和底部間距 | 頂部填充、底部填充、頂部邊距、底部邊距 | |
繼續下一步 | 闖入 | 僅在選擇“避免”選項時適用。 |
水平線 | ||
DOCX 屬性 | CSS 屬性 | 筆記 |
邊框顏色 | 邊框顏色 | |
邊框樣式 | 邊框式 | |
部分 | ||
DOCX 屬性 | CSS 屬性 | 筆記 |
列數 | 列數 | |
柱線 | 列規則 | |
列間距 | 柱間隙 | |
分頁符 | 後破,內破 | 有關如何使用的更多信息 應用程序中的分頁符. |
表單控件 | ||
DOCX 屬性 | CSS 屬性 | 筆記 |
字體 | FONT-FAMILY | |
字體大小 | 字體大小 | |
字體顏色 | 顏色 | |
左右間距 | 左內邊距、右內邊距、左外邊距、右外邊距 | |
頂部和底部間距 | 頂部填充、底部填充、頂部邊距、底部邊距 | |
突出 | 背景色 | 僅當它與 DOCX 規範允許的突出顯示顏色之一匹配時才會應用:black、blue、cyan、darkBlue、darkCyan、darkGray、darkGreen、darkMagenta、darkRed、darkYellow、green、lightGray、magenta、none、red、white , 黃色的 |
無所畏懼 | 字體重量 | |
斜體 | 字體風格 | |
強調 | 文字修飾 | |
下劃線顏色 | 文字裝飾顏色 | |
下劃線樣式 | 文字裝飾風格 | |
刪除線 | 文字修飾 | |
校準 | 文本對齊 | |
方向 | 方向 | |
大寫、小寫、標題大小寫 | 文本轉換 | |
小帽子 | 字體變體大寫字母 | |
上標和下標 | 垂直對齊 | |
浮雕、雕刻、陰影、輪廓 | 文字陰影 | |
邊框寬度 | 邊框寬度 | 請注意,只有當邊框的所有邊對於每個屬性類型都具有相同的值時,這些 CSS 樣式才會應用於文本。 |
邊框顏色 | 邊框顏色 | |
邊框樣式 | 邊框式 |
雖然嚴格來說這些功能不是 CSS,但它們可以幫助您增強 Word 文檔,值得在此提及。
沒有閱讀足夠的信息 GrabzIt 將 HTML 轉換為 DOCX 時採用的方法.