SWELL(スウェル):テーブル(表)の表示例
目次
テーブルのスタイル
SWELLのテーブル(表)は4種類のスタイルに変更可能です。
デフォルト
| デフォルトの表 | デフォルトの表 |
| デフォルトの表 | デフォルトの表 |
| デフォルトの表 | デフォルトの表 |
ストライプ
| ストライプの表 | ストライプの表 |
| ストライプの表 | ストライプの表 |
| ストライプの表 | ストライプの表 |
シンプル
| シンプルの表 | シンプルの表 |
| シンプルの表 | シンプルの表 |
| シンプルの表 | シンプルの表 |
二重線
| 二重線の表 | 二重線の表 |
| 二重線の表 | 二重線の表 |
| 二重線の表 | 二重線の表 |
テーブルのテキスト色変更
テーブル内のテキストの色を変更可能です。
| テキスト色の変更 | テキスト色の変更 |
| テキスト色の変更 | テキスト色の変更 |
| テキスト色の変更 | テキスト色の変更 |
テーブルの背景色の変更
テーブル内の背景色を変更可能です。
| 背景色の変更 | 背景色の変更 |
| 背景色の変更 | 背景色の変更 |
| 背景色の変更 | 背景色の変更 |
テーブルのタイポグラフィ設定
テーブルのタイポグラフィ設定の実際表示です。
タイポグラフィ設定(S)
| タイポグラフィ設定(S) | タイポグラフィ設定(S) |
| タイポグラフィ設定(S) | タイポグラフィ設定(S) |
| タイポグラフィ設定(S) | タイポグラフィ設定(S) |
タイポグラフィ設定(M)
| タイポグラフィ設定(M) | タイポグラフィ設定(M) |
| タイポグラフィ設定(M) | タイポグラフィ設定(M) |
| タイポグラフィ設定(M) | タイポグラフィ設定(M) |
タイポグラフィ設定(L)
| タイポグラフィ設定(L) | タイポグラフィ設定(L) |
| タイポグラフィ設定(L) | タイポグラフィ設定(L) |
| タイポグラフィ設定(L) | タイポグラフィ設定(L) |
タイポグラフィ設定(XL)
| タイポグラフィ設定(XL) | タイポグラフィ設定(XL) |
| タイポグラフィ設定(XL) | タイポグラフィ設定(XL) |
| タイポグラフィ設定(XL) | タイポグラフィ設定(XL) |
タイポグラフィ設定(XXL)
| タイポグラフィ設定(XXL) | タイポグラフィ設定(XXL) |
| タイポグラフィ設定(XXL) | タイポグラフィ設定(XXL) |
| タイポグラフィ設定(XXL) | タイポグラフィ設定(XXL) |
設定
ヘッダーセクション
| ヘッダーセクション | ヘッダーセクション |
|---|
| サンプル | サンプル |
| サンプル | サンプル |
| サンプル | サンプル |
フッターセクション
| サンプル | サンプル |
| サンプル | サンプル |
| サンプル | サンプル |
| フッターセクション | フッターセクション |
セルの結合・分割
| セルを結合することができます。 |
| サンプル | サンプル |
| サンプル | サンプル |
テーブル設定
テーブル全体のフォントサイズを変更可能(例:50ピクセル)
テーブル1列目の線幅(例:100ピクセル)
テーブル全体の中央揃え設定(垂直・水平)
縦1列目を強調する
テーブルヘッダー設定
| サンプル | サンプル |
|---|
| サンプル | サンプル |
| サンプル | サンプル |
| サンプル | サンプル |