テーブル(表)の行方向のみにセルの間隔をあける、または、列方向のみにセル間隔をあけるコードを紹介します。 概要 テーブルの行方向、列方向を指定してセルの間隔をあける場合は、border-collapse を separate に設定した状態で、border-spacing に2つ値を指定します。 テーブルの列方向に余白を開ける コード 下図のHTMLファイルを作成します。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="TableBorderSpacing.css" /> </head> <body> <table class="ProductTable"> <caption align="top">商品表<