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列目を強調する
テーブルヘッダー設定
サンプル | サンプル |
---|
サンプル | サンプル |
サンプル | サンプル |
サンプル | サンプル |