[B! border] seapig_dolphinのブックマーク

table タグの cellspacing 等を CSS のみで指定する

プロパティの解説 border-collapse がボーダーの隙間を作るかどうかのプロパティで、値に collapse を指定することで隙間が無くなります。これが table タグの cellspacing="0" に相当します。 border-collapse - CSS: カスケーディングスタイルシート | MDN また、例えば 2ピクセルの隙間を作りたい場合は、下記のように指定します。 border-collapse プロパティに separate を指定することで隙間が出来るようになり、border-spacing プロパティでその隙間の幅を指定します。 border-spacing: 2px 1px; 等とすることで、上下左右別に幅を指定することも可能です。 border-spacing - CSS: カスケーディングスタイルシート | MDN その他、table タグの bo

seapig_dolphin 2016/08/15

cellpadding → tdタグの padding

リンク

border-spacing - セル同士の間隔を指定する

説明文「border-spacing」はセル間の間隔を指定する。「border-collapse」で「separate」を指定すると，セルとセルが分離して，その間に空白ができる。このborder-spacingでは，このセルとセル間の間隔を指定できる。間隔を1つ指定すると，各セルの上下左右間隔が全て指定した間隔になる。また，スペースで区切って2つの間隔を指定すると，1つ目は左右の間隔を，2つ目は上下の間隔を指定できる。また，「border-collapse」にて「collapse」を指定した場合は，セルの間隔を指定しても無効となる。使用例 ● CSSの定義 table { border-spacing : 10px 4px; border-collapse : separate ; } th, td { border : 2px solid #000080; padding : 3

seapig_dolphin 2016/08/15

「border-collapse」にて「collapse」を指定した場合は，セルの間隔を指定しても無効となる。

border
css

リンク

[ HTML ] テーブルの特定のセルのみ枠線を消す ( border-style ) – 偏差値40プログラマー

ここでは、HTML のテーブルタグを使って表示している表の中で、特定のセルのみの枠線を削除（非表示）にするサンプルコードを紹介します。テーブルのセルの枠線を非表示にするまずはここで試す css になります。ヘッダ内に直接記述するか、外部ファイルのスタイルシートとして 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; } /* すべての線を表示 */ .t

seapig_dolphin 2016/08/12

消せた。

border
none

リンク

HTML［table要素］表がレイアウト目的でないことを示す（廃止） - TAG index

★この属性は廃止されました★　参考情報としてこのページはしばらく残しておきます。この属性はHTML5.2までは定義されていましたが、現行のHTMLでは廃止されました。 table要素に border="1" を追加すると、その表がレイアウト目的でないことを示すことができます。この属性を指定すると、一般的なブラウザでは表に境界線が表示されます。 <table border="1"> <tr> <th>見出しセル</th> </tr> <tr> <td>データセル</td> </tr> </table>