• TOP
  • css用テストページ

全コンテンツ内共通

・pc用余白クラス
padding-top = pt0_pc、pt10_pc、pt20_pc、pt30_pc、pt40_pc、pt50_pc
padding-bottom = pb0_pc、pb10_pc、pb20_pc、pb30_pc、pb40_pc、pb50_pc
margin-top = mt0_pc、mt10_pc、mt20_pc、mt30_pc、mt40_pc、mt50_pc
margin-bottom = mb0_pc、mb10_pc、mb20_pc、mb30_pc、mb40_pc、mb50_pc

・sp用余白クラス
padding-top = pt0_sp、pt10_sp、pt20_sp、pt30_sp、pt40_sp、pt50_sp
padding-bottom = pb0_sp、pb10_sp、pb20_sp、pb30_sp、pb40_sp、pb50_sp
margin-top = mt0_sp、mt10_sp、mt20_sp、mt30_sp、mt40_sp、mt50_sp
margin-bottom = mb0_sp、mb10_sp、mb20_sp、mb30_sp、mb40_sp、mb50_sp

・pc用フォントサイズクラス
f14_pc～f50_pc
pcでフォントサイズを25pxに指定したい場合：f25_pc

・sp用フォントサイズクラス
f14_sp～f50_sp
spでフォントサイズを35pxに指定したい場合：f35_sp

※フェレットワン内でフォントサイズを個別で指定している場合、適用されない可能性があります。

見出し

h2、h3、h4など、どの見出しにも適用可能
page_titleにleft追加で左寄せ仕様

クラス名：page_title

クラス名：page_title left

クラス名：page_title02

クラス名：page_title03

テキスト系

クラス名：text_contents
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。

ボタン

クラス名：page_btn01
通常時中央揃え、クラス名：left追加で左揃え、クラス名：right追加で右揃え
通常時青色、クラス名：red追加で赤色に変更
ボタン中央揃え
ボタン左揃え
ボタン右揃え
ボタン赤色
クラス名：page_btn02
通常時中央揃え、クラス名：left追加で左揃え、クラス名：right追加で右揃え
通常時青色、クラス名：red追加で赤色に変更
ボタン中央揃え
ボタン左揃え
ボタン右揃え
ボタン赤色