Table Attributes

Posted by stacita on 02 Aug 2009 15:12, last edited by Ed Johnson on 06 Jul 2017 11:21

Tags: table

rating: +10+x
This page is a stub. You can help us improve Wikidot by expanding it.

Table Style Attributes

Customise advanced tables using inline CSS.

attribute similar attributes required allowed values default description
background-color N/A no Any colour (e.g. name blue or HEX #F0F0F0) transparent Used to define the background color of a table, row or cell
border border-top
no Three space-separated values
(e.g. 1px solid black)
none Used to define the border style of a table, row or cell
margin margin-top
no auto
px, em, %
auto Used to define the amount of space between the table and outside content
padding padding-top
no px, em, % 0px Used to define the amount of space between the table and inside content
width N/A no px, em, % matches content Used to define the width of a table, row or cell
vertical-align N/A no top
center Most commonly used to make text remain at the top of a cell that is bigger than the content needs it to be (adjacent cells in the same row can cause this to happen)
Float N/A no right
? Floats a table "on top" of the page so to speak, it is useful for relocating a table to the top right and not losing lines. It can end up covering other items. Floating a second item to the right places it to left of the first one, not below it.

border attribute

Three space-separated values are used to define the border's style.


[[table style="border: 1px solid black;"]]
      [!-- TABLE CONTENTS --]

1. First value defines the border's width:

  • Two formats supported: px, em
  • e.g. 3px or 1.5em

2. Second value is style

  • Several styles are available:
    • none
    • hidden
    • dotted
    • dashed
    • solid
    • double
    • groove
    • ridge
    • inset
    • outset
    • inherit

3. Third value is color

  • Two formats supported: color name, or a HEX value
  • e.g. blue or #F0F0F0


  • Attributes must be enclosed within the quotes of the style="" parameter.
  • Separate each attribute with a semi-colon.

Table syntax is shown below. Each style parameter is optional.

[[table style="attribute1; attribute2; attribute3 ..."]]
[[row style="attribute1; attribute2; attribute3 ..."]]
[[cell style="attribute1; attribute2; attribute3 ..."]]

Content goes into cells
Attempting to insert text into a table or row directly will cause errors



Layout with Tables


Please edit and develop me!

Related articles


Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.