Development tools : XUI editor : Editing an XUI page : Editing the properties of table : Assigning styles on cells
  
Assigning styles on cells
You can assign styles on a specific cell, including background color, border, padding and so on. Border and padding of Right, Bottom, and Left can be set separately. For more details of these styles, see Supported CSS styles for cells.
1 Select the cell that you want to edit.
2 In Style section, set CSS class to the cell as Setting CSS style to widgets. You can add multiple classes.
3 In Inline Style section, directly set the Border, Padding and background colors.
▪ If you want to change Padding or Border in side Top, Right, Bottom, or Left separately, switch to the responding direction.
▪ If you want to change Padding or Border in all the sides, select Main tab.
See
Supported CSS styles for cells
See also
Editing the properties of table
Supported CSS styles for cells
CSS classes in the Style properties view
padding
padding-top, padding-right, padding-bottom, padding-left
This graphic is described in the surrounding text.
border
border-top, border-right, border-bottom, border-left
This graphic is described in the surrounding text.
types of lines
solid, double, dotted, dashed, hidden, none
This graphic is described in the surrounding text.
In-line CSS styles in the Inline Style properties view
border
type, color, size
display for
▪ all the sides of the selected cell
▪ each side of the selected cell: left, right, top, or bottom
padding(px)
display for
▪ all the sides of the selected cell
▪ each side of the selected cell: left, right, top, or bottom
background-color
See also
Assigning styles on cells