CSSの表(テーブル)
CSSは大幅にHTMLテーブルの外観を向上させることができます使用します。
会社 | コンタクト | カントリー |
---|---|---|
Alfreds Futterkiste | マリア・アンダース | ドイツ |
Berglunds snabbkop | クリスティーナ・ベルグルンド | スウェーデン |
セントロコマーシャルモンテズマ | フランシスコ・チャン | メキシコ |
エルンスト・ヘンデル | ローランド・メンデル | オーストリア |
島のトレーディング | ヘレン・ベネット | イギリス |
Koniglichエッセン | フィリップ・クレイマー | ドイツ |
バッカスWinecellarsを笑います | ヨッシーTannamuri | カナダ |
Magazzini Alimentari Riuniti | ジョバンニRovelli | イタリア |
ノース/サウス | サイモン・クラウザー | イギリス |
パリのスペシャリティ | マリー・ベルトラン | フランス |
大物 | リズニクソン | 米国 |
Vaffeljernet | Palleイプセン | デンマーク |
表の罫線
borderプロパティを使用して、CSSの表の罫線を指定します。
次の例では、Thの要素とTD要素黒の境界線のテーブルを指定します。
上記の例では、テーブルには、二重枠があることに注意してください。 テーブルと番目/ tdの要素は別々の境界を持っているためです。
テーブルの単一のフレームを表示するためには、国境崩壊のプロパティを使用します。
折りたたみフレーム
国境崩壊の属性は、表の罫線は、単一のボーダーに折りたたままたは分離されているかどうかを設定します。
表の幅と高さ
幅と高さ属性は、テーブルの幅と高さを定義します。
次の例は、番目の要素50ピクセルの100%高さテーブル幅に設定されています:
フォームテキストの配置
表のテキストの配置および垂直配向性。
テキスト-alignプロパティは、水平右、左のような位置合わせ、または中央に設定されています:
このような上部、下部、または中間のような垂直-alignプロパティの垂直配向の設定、:
フォーム記入
目次の国境管理の間のスペースの場合は、fill属性のTDと番目の要素を使用する必要があります。
カラーテーブル
次の例では、境界線の色、およびテキストと背景色の番目の要素を指定します。
より多くの例
パーソナライズされたフォームを作成します
この例では、パーソナライズされたフォームを作成する方法を示します。
テーブルのキャプション位置を設定します。
この例では、テーブルヘッダを配置する方法を示します。