How To Use Tables: Difference between revisions

From Drunkapedia
Jump to: navigation, search
imported>Tlosk
No edit summary
imported>Tlosk
No edit summary
Line 19: Line 19:


== Frames ==
== Frames ==
This example demonstrates how to use the "frame" attribute to control the borders around a table. This feature is only supported in modern browsers. Each example changes only the frame parameter:
This example demonstrates how to use the "frame" attribute to control the borders around a table. The thickness of the lines can be specified using "border" and the width in pixels. The frame feature is only supported in modern browsers. The first nine examples change only the frame parameter, the last three also change the border:


<pre style="width:160px; align=center">
<pre style="width:160px; align=center">
Line 112: Line 112:
|frame="void"<br><br>
|frame="void"<br><br>
{|frame="void"
{|frame="void"
!A
!B
|-
|100
|200
|}
|-align=center
|frame="border" border="3"<br><br>
{|frame="border" border="3"
!A
!B
|-
|100
|200
|}
|frame="hsides" border="2"<br><br>
{|frame="hsides" border="2"
!A
!B
|-
|100
|200
|}
|frame="vsides" border="3"<br><br>
{|frame="vsides" border="3"
!A
!A
!B
!B

Revision as of 18:22, 30 March 2010

http://en.wikipedia.org/wiki/Help:Table


small big
small big
small big
small big

Frames

This example demonstrates how to use the "frame" attribute to control the borders around a table. The thickness of the lines can be specified using "border" and the width in pixels. The frame feature is only supported in modern browsers. The first nine examples change only the frame parameter, the last three also change the border:

{|frame="??"
!A
!B
|-
|100
|200
|}
frame="border"

A B
100 200
frame="above"

A B
100 200
frame="below"

A B
100 200
frame="hsides"

A B
100 200
frame="vsides"

A B
100 200
frame="lhs"

A B
100 200
frame="rhs"

A B
100 200
frame="box"

A B
100 200
frame="void"

A B
100 200
frame="border" border="3"

A B
100 200
frame="hsides" border="2"

A B
100 200
frame="vsides" border="3"

A B
100 200