テーブル関連のスタイリング・新バージョン
デフォルトのテーブルのスタイリング
ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。 | データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。 | データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。 | データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。 |
ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。 | データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。 | データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。 | データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。 |
class「hyou」を振ったテーブルのスタイリング
テーブルにclass「hyou」を振ると、テーブルに罫線が表示されます。
ヘッダーセル | ヘッダーセル | ヘッダーセル | ヘッダーセル |
データセル | データセル | データセル | データセル |
class「tate」を振ったテーブルのスタイリング
テーブルにclass「tate」を振ると、スマホ時にテーブルの各セルの幅が100%になります。
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
class「hyou」と「tate」を振ったテーブルのスタイリング
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
class「box」を振ったテーブルのスタイリング
テーブルにclass「box」を振ると、テーブルの背景がグレーになります。
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
class「gray」を振ったテーブルのスタイリング
テーブルのセルclass「gray」を振ると、セルの背景がグレーになります。
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
class「beige」を振ったテーブルのスタイリング
テーブルのセルclass「beige」を振ると、セルの背景がベージュになります。
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
テーブル内で画像を使用したスタイリング
テーブル幅固定
class「table-50-50」を振ったテーブルのスタイリング
ロンドン、サヴィル・ロウの高級テーラー「キングスマン」は、どこの国にも所属せず秘密裏の活動を行い、数々の難事件・テロリズムを解決する、スパイの本拠地であった。 かつての「キングスマン」候補生の息子であり元海兵隊員のエグジーは義父率いるギャングとの諍いの中逮捕され、17年前に父の死後「キングスマン」の勲章(メダル)を手渡しにきた工作員のハリーと出会う。 一方、ハリーは仲間の死に関わった一連の事件にリッチモンド・ヴァレンタインというアメリカ人実業家が絡んでいることを知る。 |
class「table-30-70」を振ったテーブルのスタイリング
ロンドン、サヴィル・ロウの高級テーラー「キングスマン」は、どこの国にも所属せず秘密裏の活動を行い、数々の難事件・テロリズムを解決する、スパイの本拠地であった。 かつての「キングスマン」候補生の息子であり元海兵隊員のエグジーは義父率いるギャングとの諍いの中逮捕され、17年前に父の死後「キングスマン」の勲章(メダル)を手渡しにきた工作員のハリーと出会う。 一方、ハリーは仲間の死に関わった一連の事件にリッチモンド・ヴァレンタインというアメリカ人実業家が絡んでいることを知る。 |
テーブル幅固定とclass「hyou」を同時に使用した場合
ロンドン、サヴィル・ロウの高級テーラー「キングスマン」は、どこの国にも所属せず秘密裏の活動を行い、数々の難事件・テロリズムを解決する、スパイの本拠地であった。 かつての「キングスマン」候補生の息子であり元海兵隊員のエグジーは義父率いるギャングとの諍いの中逮捕され、17年前に父の死後「キングスマン」の勲章(メダル)を手渡しにきた工作員のハリーと出会う。 一方、ハリーは仲間の死に関わった一連の事件にリッチモンド・ヴァレンタインというアメリカ人実業家が絡んでいることを知る。 |
ロンドン、サヴィル・ロウの高級テーラー「キングスマン」は、どこの国にも所属せず秘密裏の活動を行い、数々の難事件・テロリズムを解決する、スパイの本拠地であった。 かつての「キングスマン」候補生の息子であり元海兵隊員のエグジーは義父率いるギャングとの諍いの中逮捕され、17年前に父の死後「キングスマン」の勲章(メダル)を手渡しにきた工作員のハリーと出会う。 一方、ハリーは仲間の死に関わった一連の事件にリッチモンド・ヴァレンタインというアメリカ人実業家が絡んでいることを知る。 |