Search results
Results From The WOW.Com Content Network
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:
The width (thickness) of the border (default is 1px). style The border's style solid (default if the parameter is not used), dotted, dashed, double, groove, ridge, inset or outset. style2 Additional CSS properties can be used in this template. color The border's color (default #ddd, otherwise recommend a named color).
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).
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.
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:
Table margin: 1em 0 background-color: #f9f9f9: white: transparent border: 1px #aaa solid border-collapse: collapse color: black Header border: 1px #aaa solid: border-right: 1px solid #EEE border-right last-child: none padding: 0.3em 0.4em: 0.2em background-color: #f2f2f2: white: transparent font-weight: bold text-align: center Caption font ...
Page layouts (using multiple columns, positioning elements, adding borders, etc.) should be done via CSS, not tables, whenever possible. Images and other embedded media should be positioned using standard image syntax. There are several templates available that will create preformatted multi-column layouts: see Help:Columns.
Main page; Contents; Current events; Random article; About Wikipedia; Contact us; Help; Learn to edit; Community portal; Recent changes; Upload file