CSSのテーブル
CSSを使用して、HTMLテーブルは、より美しくすることができます。
会社 | 連絡先 | 国 |
---|---|---|
アルフレッドFutterkiste | マリア・アンダース | ドイツ |
ベルグルンドスーパーマーケット | クリスティーナ・ベルグルンド | スウェーデン |
マートMoctezuma | フランシスコ・チャン | メキシコ |
エルンスト・貿易 | ローランド・メンデル | オーストリア |
島貿易 | ヘレン・ベネット | 英国 |
王室ダイニング | フィリップ・クレイマー | ドイツ |
バッカスWinecellarsを笑います | Yoshi Tannamuri | カナダ |
集まった食品倉庫 | ジョバンニRovelli | イタリア |
南北 | サイモン・クラウザー | 英国 |
パリの名物 | マリー・ベルトラン | フランス |
ビッグチーズ | リズニクソン | 米国 |
ワッフル焼き型 | Palleイプセン | デンマーク |
表の罫線
CSS borderプロパティを使用して、テーブルの枠線を指定します。
次の例では、TH及びTD要素黒の境界線のテーブルを指定します。
二重枠の形態における上記の例であることに注意してください。テーブルと目/ TD要素は別々の境界を持っているためです。
ボーダー崩壊特性を使用して、テーブルの単一のフレームを表示するために。
崩壊の境界線
国境崩壊プロパティテーブルの境界線は、単一の国境に折り畳ままたは間隔を置いて配置されているかどうかを指定します。
表の幅と高さ
幅と高さ幅と高さの属性は、表に定義されています。
以下の実施例は番目の要素の50個のピクセルのテーブルの幅の高さの100%に設定されています。
フォームテキストの配置
テーブルテキストの配置と垂直配向性。
水平配向のテキスト整列プロパティ、左、右、または中央:
このような上部、底部又は中間のような垂直配向、垂直配向性、:
フォーム記入
目次のコントロールスペースの境界は、充填特性のTDと番目の要素に使用されるべきである場合:
カラーテーブル
次の例では、境界線の色、テキストおよび背景の色、および番目の要素を指定します。
例
テーブル
、
TD
、
第
{
ボーダー:
1つの
PX
固体
グリーン
;
}
番目の
{
背景色:
緑
。
色:
白
;
}