Editing Help:How To Use Tables (section)

== 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:

<pre style="width:160px; align=center">
{|frame="??"
!A
!B
|-
|100
|200
|}
</pre>

{|cellpadding=20
|-align=center

|frame="border"<br><br>
{|frame="border"
!A
!B
|-
|100
|200
|}

|frame="above"<br><br>
{|frame="above"
!A
!B
|-
|100
|200
|}

|frame="below"<br><br>
{|frame="below"
!A
!B
|-
|100
|200
|}

|-align=center

|frame="hsides"<br><br>
{|frame="hsides"
!A
!B
|-
|100
|200
|}

|frame="vsides"<br><br>
{|frame="vsides"
!A
!B
|-
|100
|200
|}

|frame="lhs"<br><br>
{|frame="lhs"
!A
!B
|-
|100
|200
|}

|-align=center

|frame="rhs"<br><br>
{|frame="rhs"
!A
!B
|-
|100
|200
|}

|frame="box"<br><br>
{|frame="box"
!A
!B
|-
|100
|200
|}

|frame="void"<br><br>
{|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
!B
|-
|100
|200
|}
|}