QTextDocument: allow css-styling of table cell borders

This allows to set the width, style and color of each table cell's edge
(left, right, top, bottom).

Setting the table's border-collapse mode will disable explicit cell
spacing. The basic CSS border collision rules are applied (wider border
wins, vertical over horizontal).

Setting the table's border width to a value >= 1 and enabling
borderCollapse will now draw a simple and clean table grid (1px) with an
outer border of the specified width and color.

[ChangeLog][QtGui][QTextDocument] Added CSS style table cell border
formatting with border-collapse mode.

Change-Id: I324d82284802df4c88c13c5b902fec1f4768b67e
Fixes: QTBUG-36152
Reviewed-by: Shawn Rutledge <shawn.rutledge@qt.io>

1 files changed, 65 insertions, 2 deletions

diff --git a/src/gui/doc/src/richtext.qdoc b/src/gui/doc/src/richtext.qdoc
index a8ba076e3d..7c3e4ef362 100644
--- a/src/gui/doc/src/richtext.qdoc
+++ b/src/gui/doc/src/richtext.qdoc
@@ -1175,12 +1175,75 @@
     \row    \li \c vertical-align
             \li baseline | sub | super | middle | top | bottom
             \li Vertical text alignment. For vertical alignment in text table cells only middle, top, and bottom apply.
+    \row    \li \c border-collapse
+            \li collapse | separate
+            \li Border Collapse mode for text tables. If set to collapse, cell-spacing will not be applied.
     \row    \li \c border-color
             \li <color>
-            \li Border color for text tables.
+            \li Border color for text tables and table cells.
+    \row    \li \c border-top-color
+            \li <color>
+            \li Top border color for table cells.
+    \row    \li \c border-bottom-color
+            \li <color>
+            \li Bottom border color for table cells.
+    \row    \li \c border-left-color
+            \li <color>
+            \li Left border color for table cells.
+    \row    \li \c border-right-color
+            \li <color>
+            \li Right border color for table cells.
     \row    \li \c border-style
             \li none | dotted | dashed | dot-dash | dot-dot-dash | solid | double | groove | ridge | inset | outset
-            \li Border style for text tables.
+            \li Border style for text tables and table cells.
+    \row    \li \c border-top-style
+            \li <color>
+            \li Top border style for table cells.
+    \row    \li \c border-bottom-style
+            \li <color>
+            \li Bottom border style for table cells.
+    \row    \li \c border-left-style
+            \li <color>
+            \li Left border style for table cells.
+    \row    \li \c border-right-style
+            \li <color>
+            \li Right border style for table cells.
+    \row    \li \c border-width
+            \li <width>px
+            \li Width of table or cell border
+    \row    \li \c border-top-width
+            \li <length>px
+            \li Top border width for table cells.
+    \row    \li \c border-bottom-width
+            \li <length>px
+            \li Bottom border width for table cells.
+    \row    \li \c border-left-width
+            \li <length>px
+            \li Left border width for table cells.
+    \row    \li \c border-right-width
+            \li <length>px
+            \li Right border width for table cells.
+    \row    \li \c border-top
+            \li <width>px <border-style> <border-color>
+            \li Shorthand for setting top border width, style and color
+    \row    \li \c border-bottom
+            \li <width>px <border-style> <border-color>
+            \li Shorthand for setting bottom border width, style and color
+    \row    \li \c border-left
+            \li <width>px <border-style> <border-color>
+            \li Shorthand for setting left border width, style and color
+    \row    \li \c border-right
+            \li <width>px <border-style> <border-color>
+            \li Shorthand for setting right border width, style and color
+    \row    \li \c border-top
+            \li <width>px <border-style> <border-color>
+            \li Shorthand for setting top border width, style and color
+    \row    \li \c border-bottom
+            \li <width>px <border-style> <border-color>
+            \li Shorthand for setting bottom border width, style and color
+    \row    \li \c border
+            \li <width>px <border-style> <border-color>
+            \li Shorthand for setting all four border's width, style and color
     \row    \li \c background
             \li [ <'background-color'> || <'background-image'> ]
             \li Background shorthand property