frame属性のサンプル - HTML チュートリアル

HTML チュートリアル > HTML サンプル集 > frame属性のサンプル

テーブルの周りの境界線をコントロールするためにframe属性を使用する方法をデモンストレーションします。

frame属性のサンプル

このサンプルでは、テーブルの周りの境界線をコントロールするためにframe属性を使用する方法をデモンストレーションします。

※このサンプルは、javascriptがONになっていないと動作しません

HTMLサンプル編集フィールド
HTMLソースコードをあなた自身で編集することができます。
<html> <body> <p> これらのサンプルの境界線が見えない場合、あなたのブラウザは古すぎるか、frame属性をサポートしていません。 </p> <h4>frame="border"</h4> <table frame="border"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> <h4>frame="box"</h4> <table frame="box"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> <h4>frame="void"</h4> <table frame="void"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> <h4>frame="above"</h4> <table frame="above"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> <h4>frame="below"</h4> <table frame="below"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> <h4>frame="hsides"</h4> <table frame="hsides"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> <h4>frame="vsides"</h4> <table frame="vsides"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> <h4>frame="lhs"</h4> <table frame="lhs"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> <h4>frame="rhs"</h4> <table frame="rhs"> <tr> <td>1</td> <td>2</td> </tr><tr> <td>3</td> <td>4</td> </tr> </table> </body> </html>

HTMLリアルタイム表示結果
編集されたHTMLソースコードの結果をリアルタイムで表示します。

セルの内容の整列サンプル番号なしリストのサンプル