固定ページ：テーブル関連のスタイリング・新バージョン

見出し２

見出し３

見出し４

ンドン、サヴィル・ロウの高級テーラー「キングスマン」は、どこの国にも所属せず秘密裏の活動を行い、数々の難事件・テロリズムを解決する、スパイの本拠地であった。

かつての「キングスマン」候補生の息子であり元海兵隊員のエグジーは義父率いるギャングとの諍いの中逮捕され、17年前に父の死後「キングスマン」の勲章（メダル）を手渡しにきた工作員のハリーと出会う。

見出し２

見出し３

見出し４

エグジーはハリーの薦めにより父と同様に「キングスマン」の選考試験に参加し、他の候補生たちとともに過酷な試練を経験することになる。

エグジーは

ロンドン、サヴィル・ロウの高級テーラー「キングスマン」は、どこの国にも所属せず秘密裏の活動を行い、数々の難事件・テロリズムを解決する、スパイの本拠地であった。

かつての「キングスマン」候補生の息子であり元海兵隊員のエグジーは義父率いるギャングとの諍いの中逮捕され、17年前に父の死後「キングスマン」の勲章（メダル）を手渡しにきた工作員のハリーと出会う。
エグジーはハリーの薦めにより父と同様に「キングスマン」の選考試験に参加し、他の候補生たちとともに過酷な試練を経験することになる。

テーブルのセル幅を20%：80%の比率にする。

テーブルのセル幅を20%：80%の比率にする。

テーブルのセル幅を30%：70%の比率にする。

テーブルのセル幅を30%：70%の比率にする。

テーブルのセル幅を40%：60%の比率にする。

テーブルのセル幅を40%：60%の比率にする。

テーブルのセル幅を50%：50%の比率にする。

テーブルのセル幅を50%：50%の比率にする。

テーブルのセル幅を60%：40%の比率にする。

テーブルのセル幅を60%：40%の比率にする。

テーブルのセル幅を70%：30%の比率にする。

テーブルのセル幅を80%：20%の比率にする。

class「table-25-25-25-25」「table.tate」を振ったテーブルのスタイリング・スマホでは1カラム表示

デフォルトのテーブルのスタイリング

ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。
ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。

table.hyou-padding-small　p.smallのテーブルのスタイリング

ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。
ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。

table.hyou-padding-xsmall　p.xsmall table.border-bottomのテーブルのスタイリング

ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。
ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。

ッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。

p.mb-0ッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。

デフォルトのテーブルのスタイリング

ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。
ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。ヘッダーセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。	データセルのテキストが入ります。データセルのテキストが入ります。データセルのテキストが入ります。

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」を振ったテーブルのスタイリング

一方、ハリーは仲間の死に関わった一連の事件にリッチモンド・ヴァレンタインというアメリカ人実業家が絡んでいることを知る。
ヴァレンタインを調べていくうちに判明したのは、人類の存亡を揺るがす巨大な陰謀であった。

固定ページ：テーブル関連のスタイリング・新バージョン

見出し２

見出し３

見出し４

見出し２

見出し３

見出し４

エグジーは

class「table-25-25-25-25」「table.tate」を振ったテーブルのスタイリング・スマホでは1カラム表示

デフォルトのテーブルのスタイリング

table.hyou-padding-small　p.smallのテーブルのスタイリング

table.hyou-padding-xsmall　p.xsmall table.border-bottomのテーブルのスタイリング

デフォルトのテーブルのスタイリング

class「hyou」を振ったテーブルのスタイリング

class「tate」を振ったテーブルのスタイリング

class「hyou」と「tate」を振ったテーブルのスタイリング

class「box」を振ったテーブルのスタイリング

class「gray」を振ったテーブルのスタイリング

class「beige」を振ったテーブルのスタイリング

テーブル内で画像を使用したスタイリング

テーブル幅固定

class「table-50-50」を振ったテーブルのスタイリング

class「table-33-33-33」を振ったテーブルのスタイリング

class「table-25-25-25-25」を振ったテーブルのスタイリング・スマホでは2カラム表示

class「table-20-80」を振ったテーブルのスタイリング

class「table-30-70」を振ったテーブルのスタイリング

class「table-40-60」を振ったテーブルのスタイリング

テーブル幅固定とclass「hyou」を同時に使用した場合

固定ページ：テーブル関連のスタイリング・新バージョン

見出し２

見出し３

見出し４

見出し２

見出し３

見出し４

エグジーは

class「table-25-25-25-25」「table.tate」を振ったテーブルのスタイリング・スマホでは1カラム表示

デフォルトのテーブルのスタイリング

table.hyou-padding-small p.smallのテーブルのスタイリング

table.hyou-padding-xsmall p.xsmall table.border-bottomのテーブルのスタイリング

デフォルトのテーブルのスタイリング

class「hyou」を振ったテーブルのスタイリング

class「tate」を振ったテーブルのスタイリング

class「hyou」と「tate」を振ったテーブルのスタイリング

class「box」を振ったテーブルのスタイリング

class「gray」を振ったテーブルのスタイリング

class「beige」を振ったテーブルのスタイリング

テーブル内で画像を使用したスタイリング

テーブル幅固定

class「table-50-50」を振ったテーブルのスタイリング

class「table-33-33-33」を振ったテーブルのスタイリング

class「table-25-25-25-25」を振ったテーブルのスタイリング・スマホでは2カラム表示

class「table-20-80」を振ったテーブルのスタイリング

class「table-30-70」を振ったテーブルのスタイリング

class「table-40-60」を振ったテーブルのスタイリング

テーブル幅固定とclass「hyou」を同時に使用した場合

table.hyou-padding-small　p.smallのテーブルのスタイリング

table.hyou-padding-xsmall　p.xsmall table.border-bottomのテーブルのスタイリング