CMS共通化テンプレート
(テストページ)2024年11月6日
株式会社QTnet
テーブル
表組を維持
thテキスト | thテキスト | thテキスト |
---|---|---|
tdテキスト | tdテキストtdテキストtdテキストtdテキスト | tdテキストtdテキストtdテキストtdテキスト |
thテキスト | tdテキスト | tdテキスト |
tdテキスト | tdテキスト | tdテキスト |
tdテキスト | tdテキスト | tdテキスト |
SPスクロール
テキストが入ります | テキスト | テキスト | テキスト |
テキスト |
テキスト | テキスト |
---|---|---|---|---|---|---|
01 | テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト | テキストが入ります | テキストが入ります | テキストが入ります | テキストが入ります | テキストが入ります |
02 | テキストが入ります | テキストが入ります | テキストが入ります |
テキスト |
テキストが入ります | テキストが入ります |
03 | テキストが入ります | テキストが入ります | テキストが入ります | テキストが入ります |
左右にスクロールできます
表組を維持しない
thテキスト | tdテキストtdテキストtdテキストtdテキスト | tdテキストtdテキストtdテキストtdテキスト |
---|---|---|
thテキスト | tdテキスト | tdテキスト |
thテキスト | tdテキスト | tdテキスト |
thテキスト | tdテキスト | tdテキスト |
ヘルパークラス(margin)
.mt-50テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
.mr-100テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
.mb-50テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
.ml-100テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
数値は0〜100まで使用できます。
レスポンシブ表示の際、左右マージン(mr-x, ml-x)は無効化されます。
上下マージン(mt-x, mb-x)は画面幅に応じて調整されます。
padding
.pt-50テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
.pr-100テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
.pb-50テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
.pl-100テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
数値は0〜100まで使用できます。
レスポンシブ表示の際、画面幅に応じて調整されます。
PCだけ表示する
PCだけ表示する時のクラス
PCだけ改行したいときは
brタグにクラスを付与します

SPだけ表示する
SPだけ表示する時のクラス
SPだけ改行したいときは
brタグにクラスを付与します

外部リンクマーク、PDFマーク
リンク新規ウインドウVer(※ターゲット属性を「新規ウインドウ」選択で自動的にリンクマークつきます)
PDFマークを強制的に解除させるclass="noicon"
外部リンクマークも強制的に消すことができますclass="noicon"
CMS共通化テンプレートパーツここまで
以 上