ここでは、テーブルを使っている表に対して、特定のセルのみの枠線を削除(非表示)にするサンプルコードを 示す。 サンプルコード [HTML / javascript]<html> <head> <style type="text/css"> <!-- /* * 隣接する線を重ねて表示 */ .table-css { border-collapse: collapse; } /* * 上部と左側の線のみ非表示。下部と右側は残っている */ .td-css11 { border: 1px solid black; border-top-style:none; border-left-style:none; } /* * 上下左右すべての線を非表示 */ .td-css13 { border-style:none; } /* * すべての線を表示 */ .td-css { border: 1px
《2016年2月10日 10:09 公開/更新》 テーブル(表)のヘッダ行の直下だけを二重線にするCSS [テーブル,線] ウェブ上に掲載するテーブル(表)を装飾する際、ヘッダ部分(見出し行の部分)の下だけを二重線にしたいと思うことがあります。ワープロでの装飾などでもよく使われるのではないでしょうか。表の中で「ヘッダ部分」と「中身部分」の境目に引かれる線だけを、二重線や太い線などに変えて区切りを目立たせるという装飾は。 例えば、以下のような感じです。 No. 作品名 作者名 状態 1 涼宮ハルヒの憂鬱 谷川 流 読了 2 GOSICK 桜庭一樹 読了 3 お留守バンシー 小河正岳 読了 上記の表では「最上部の行」の下だけ、二重線で描かれていることが分かるでしょう。 ちなみに、表の外枠は太い線(2pxの線)になっています。 表のヘッダ部分だけを対象に特別なスタイルを付加したい場合は、thea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く