HTML&CSSリファレンス table 角丸の表を作成する 内側の壁紙問題も対応 コピペで使えるHTML+CSS
CSSのborder-radiusを使ってtable表の外周について角を丸くします。しっかりと丸みを持たせるためにテーブル内のセルをどのように処理するかについて、first-childとlast-childを実装した汎用性の高い設計も解説します。
table
HTML&CSSリファレンス 
CSSの置き場所 table要素の中身を上揃えにする CSSコードの置き場所 vertical-alignなどの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 table要素の中身を上揃えにするCSSのコード 下記サンプルのtableはheight: 200px;と指定しています。 <table> <tr> <td class="top-align">上にそろえる</td> </tr> <...
CSSの置き場所 table要素の中身を上下方向の中央配置する CSSコードの置き場所 vertical-alignなどの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 table要素の中身を上下方向について中央配置するCSSのコード 下記サンプルのtableはheight: 200px;と指定しています。 <table> <tr> <td class="center-align">中央にそろえる<...
CSSの置き場所 table要素の中身を下に配置する CSSコードの置き場所 vertical-alignなどの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 table要素の中身を下に配置するCSSのコード 下記サンプルのtableはheight: 200px;と指定しています。 <table> <tr> <td class="bottom-align">下にそろえる</td> </tr...
HTML&CSSリファレンス 文字を中央に寄せる方法 | HTML+CSS
HTMLにおいて文字を中央に表示するいくつかの方法を紹介。 文字の中央配置 文字を中央に配置 文字を中央に配置する <p style="text-align: center;">文字を中央に配置する</p> text-align: centerで指定すればよい。子("文字を中央に配置する")に当たる文字を中央に配置する...
HTML&CSSリファレンス col colgroup 表組みの列グループ コピペで使えるHTML+CSS
列をグループ化するために用いるcolgroup要素とcol要素について簡単に解説。主にグループごとにCSSを適用する際に用いる。
HTML&CSSリファレンス caption th thead tfoot 表に意味を持たせる コピペで使えるHTML+CSS
テーブル表のcaptionやthead、tfoot、そしてth要素について使用すべき状況はどんな時かなどを解説。headers属性についても。
HTML&CSSリファレンス table tr td 表組み コピペで使えるHTML+CSS
テーブル表を作成するtable、trといった要素について解説。どちらが行でどちらが列かもわかりやすく。行と列の結合をするためのcolspan、rowspan属性の説明も。
HTML&CSSリファレンス border-collapse セル境界線の表示形式 コピペで使えるHTML+CSS
table要素を調整するborder-collapseプロパティの仕組みを解説。separateとcollapseとではどのように表記が変わるのか？borderの数値をどのように設定すべきなのか？具体的にテーブルを表示して比較説明します。