ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > タグのお勉強 > title - 表をつくる(5)枠線を変える

表をつくる(5)枠線を変える

表の枠線の種類やどこに枠線をつけるかなど、変える事ができるので紹介したいと思います

枠線の種類を変える

<table style="border:3px dotted #6B9F5F">
<tr>
<td>枠線の種類を変える(点線)</td>
</tr>
</table>

線を変えるにはstyle="border:[線の太さ] [線の種類] [線の色]"を使うのですが、今まで紹介してきたタグと少し形が違うので注意してください。必ずしも[線の太さ]など、3つとも指定しなく[線の種類]だけでも良いです。
他にも線の種類はたくさんあるので一覧で紹介します。


枠線の種類一覧
実線
(solid)
点線(dotted)
破線(dashed)
二重線(double)
窪んでいる線(groove)
浮き上がっている線
(ridge)
セルが窪んでいる様に見える線
(inset)
セルが浮き上がっている様にに見える線(outset)
   

外枠を表示しない 外枠を表示しない
外枠を表示しない 外枠を表示しない

<table border frame="void">
<tr>
<td>外枠を表示しない</td>
<td>外枠を表示しない</td>
</tr>
<tr>
<td>外枠を表示しない</td>
<td>外枠を表示しない</td>
</tr>
</table>

外枠の表示に関するタグの説明です。borderの後ろにframe=を入れて、表示方法のタグをその後の"~"の中に入れれば、好きな外枠の表示方法が選べます。

外枠の表示方法一覧
void 全ての外枠を表示しない
lhs 左の外枠のみ表示します
rhs 右の外枠のみ表示します
vsides 左右の外枠のみ表示します
above 上の外枠のみ表示します
below 下の外枠のみ表示します
hsides 上下の外枠のみ表示します
box 全ての外枠を表示します

内枠の横線のみ表示する 内枠の横線のみ表示する
内枠の横線のみ表示する 内枠の横線のみ表示する
内枠の横線のみ表示する 内枠の横線のみ表示する

<table border rules="rows">
<tr>
<td>内枠の横線のみ表示する</td>
<td>内枠の横線のみ表示する</td>
</tr>
<tr>
<td>内枠の横線のみ表示する</td>
<td>内枠の横線のみ表示する</td>
</tr>
<tr>
<td>内枠の横線のみ表示する</td>
<td>内枠の横線のみ表示する</td>
</tr>
</table>

内枠の表示に関するタグの説明です。borderの後ろにrules=を入れて、表示方法のタグをその後の"~"の中に入れれば、好きな内枠の表示方法が選べます。

内枠の表示方法一覧
none 全ての内枠を表示しない
rows 内枠の横線のみ表示します
cols 内枠の縦線のみ表示します


次回は表を作る時に使うタグのまとめです。    <つづく>


関連ページ)
表をつくる
表をつくる(1)基本
表をつくる(2)表の飾り方
表をつくる(3)複数の枠の表の飾り方
表をつくる(4)表の大きさを変える
├表をつくる(5)枠線を変える
表をつくる(6)タグのまとめ
表を応用して色々つくろう


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/86-23c0eb48   

Template Designed by DW99