Search results
Results from the WOW.Com Content Network
Space between text and borders is an important element of web page design, because it improves the readability of text and visual appeal of graphics in table cells. [5] Cellpadding makes this possible, and web design experts emphasize the importance of carefully selecting the cellpadding values. [6] [7] The same effect can be accomplished in ...
border-collapse:collapse This style will eliminate 3-d style borders created by the border attribute and collapse them in 1px wide borders. This property will override cellspacing! To define similar whitespace, use the border-spacing property (although it is not possible to have both border-spacing and border-collapse for the same table).
Note: Wikipedia:HTML 5#Table attributes. CSS to replace obsolete attributes for borders, padding, spacing, etc. Add a border around a table using the CSS property border: thickness style color;, for example border:3px dashed red. This example uses a solid (non-dashed) gray border that is one pixel wide:
Also, if the table has cell spacing (and thus border-collapse=separate), meaning that cells have separate borders with a gap in between, that gap will still be visible. A cruder way to align columns of numbers is to use a figure space   or  , which is intended to be the width of a numeral, though is font-dependent in practice:
For example, nested tables (tables inside tables) should be separated into distinct tables when possible. Here is a more advanced example, showing some more options available for making up tables. Users can play with these settings in their own table to see what effect they have.
CSS can define color, font, text alignment, size, borders, spacing, layout and many other typographic characteristics, and can do so independently for on-screen and printed views. CSS also defines non-visual styles, such as reading speed and emphasis for aural text readers.
In general, it is recommended that tables simply use Wikipedia's default formatting. In some circumstances, however, you may need to apply some more complicated formatting using CSS.
Tables are a common way of displaying data. This tutorial provides a guide to making new tables and editing existing ones. For guidelines on when and how to use tables, see the Manual of Style. The easiest way to insert a new table is to use the editing toolbar that appears when you edit a page (see image above).