NMTV共通ボタンCSS サンプル
ボタン サイズ
※class名の先頭に"max-"を付与すると最大値の指定に、"min-"を付与すると最小値の指定になります。
【base.css】ボタン縦幅・横幅 Ver.20170603-0305~
px指定 (32px単位、最大960px。40px単位、最大960px。)
height-32
width-192
width-384 height-120
width-560
パーセント指定 (5%単位、最大100%。4桁で指定。50%なら0500pを指定。)
width-0625p
width-1000p
width-0900p
em指定 (0.5em、1em~16emまで1em単位、16em~48emまで4em単位)
height-2em
width-4em
width-24em height-3em
width-5em height-05em
ボタン縦幅(数値指定) Ver.20160124-0100~
btn-ht-400
btn-ht-300
btn-ht-275
btn-ht-250
btn-ht-225
btn-ht-200
btn-ht-180
btn-ht-175
btn-ht-160
btn-ht-150
btn-ht-140
btn-ht-125
btn-ht-120
btn-ht-100
ボタン 装飾
ボタン背景色 Ver.20151229-2110~
btn-cl-red
btn-cl-pink
btn-cl-magenta
btn-cl-purple
btn-cl-blue
btn-cl-skyblue
btn-cl-cyan
btn-cl-teal
btn-cl-green
btn-cl-lime
btn-cl-yellow
btn-cl-orange
btn-cl-bk100 btn-cl-deepblack
btn-cl-bk090 btn-cl-black
btn-cl-bk080 btn-cl-dark
btn-cl-bk070 btn-cl-dimgray
btn-cl-bk060 btn-cl-gray
btn-cl-bk050 btn-cl-darkgray
btn-cl-bk040 btn-cl-silver
btn-cl-bk030 btn-cl-gainsboro
btn-cl-bk020 btn-cl-whitesmoke
btn-cl-bk010 btn-cl-white
btn-cl-bk000 btn-cl-superwhite
btn-cl-normal
btn-cl-transparent
btn-cl-disabled
btn-disabled
ボタン背景色 (パール) Ver.20160609-0200~
btn-cl-pearl-red
btn-cl-pearl-pink
btn-cl-pearl-magenta
btn-cl-pearl-purple
btn-cl-pearl-blue
btn-cl-pearl-skyblue
btn-cl-pearl-cyan
btn-cl-pearl-teal
btn-cl-pearl-green
btn-cl-pearl-lime
btn-cl-pearl-yellow
btn-cl-pearl-orange
ボタン背景色 (ビビッド) Ver.20160609-0200~
btn-cl-vivid-red
btn-cl-vivid-pink
btn-cl-vivid-magenta
btn-cl-vivid-purple
btn-cl-vivid-blue
btn-cl-vivid-skyblue
btn-cl-vivid-cyan
btn-cl-vivid-teal
btn-cl-vivid-green
btn-cl-vivid-lime
btn-cl-vivid-yellow
btn-cl-vivid-orange
ボタン背景色 (単色) Ver.20170215-0006~
btn-cl-flat-red
btn-cl-flat-pink
btn-cl-flat-magenta
btn-cl-flat-purple
btn-cl-flat-blue
btn-cl-flat-skyblue
btn-cl-flat-cyan
btn-cl-flat-teal
btn-cl-flat-green
btn-cl-flat-lime
btn-cl-flat-yellow
btn-cl-flat-orange
ボタン背景色 (overlay) Ver.20170215-0006~
btn-cl-overlay-bk000
btn-cl-overlay-bk010
btn-cl-overlay-bk020
btn-cl-overlay-bk030
btn-cl-overlay-bk040
btn-cl-overlay-bk050
btn-cl-overlay-bk060 color-white
btn-cl-overlay-bk070 color-white
btn-cl-overlay-bk080 color-white
btn-cl-overlay-bk090 color-white
btn-cl-overlay-bk100 color-white
btn-cl-overlay-red color-white
btn-cl-overlay-bk030 btn-cl-flat-skyblue color-white
btn-cl-overlay-bk030 btn-cl-vivid-magenta
btn-cl-overlay-bk50
btn-cl-overlay-bk50
btn-cl-overlay-bk50
テキスト・フォント系
【base.css】テキストサイズ Ver.20161209-0156~
font-size-xx-large
font-size-x-large
font-size-large
font-size-medium
font-size-small
font-size-x-small
font-size-xx-small
【base.css】テキスト太さ Ver.20161209-0156~
font-weight-normal
font-weight-bold
【base.css】テキスト配置 Ver.20161209-0156~
text-align-left
text-align-center
text-align-right
text-align-justify
【廃止】
文字色 Ver.20160214-0200~
btn-fc-red
btn-fc-pink
btn-fc-magenta
btn-fc-purple
btn-fc-blue
btn-fc-skyblue
btn-fc-cyan
btn-fc-teal
btn-fc-green
btn-fc-lime
btn-fc-yellow
btn-fc-orange
btn-fc-black
btn-fc-dark
btn-fc-gray
btn-fc-silver
btn-fc-normal
btn-fc-white
btn-fc-transparent
btn-fc-disabled
【base.css】テキスト色 Ver.20191109-0521~
font-size-large
color-red
color-pink
color-magenta
color-purple
color-blue
color-skyblue
color-cyan
color-teal
color-green
color-lime
color-yellow
color-orange
color-black
color-dark
color-gray
color-silver
color-normal
color-white
color-transparent
color-disabled
【base.css】柄 Ver.20191109-0521~
btn-style-amazon
Amazon.com
btn-style-yahoo
Yahoo! JAPAN
btn-style-kakaku
カカクコム
btn-style-r10
楽天
btn-style-omni7
omni7
btn-style-iy
イトーヨーカ堂
btn-style-yb
ヨークベニマル
btn-style-sej
セブン-イレブン
btn-style-seinc
7-Eleven Inc.
btn-style-aeon
イオン
btn-style-ministop
ミニストップ
btn-style-docomo
NTT docomo
btn-style-aukddi
au
btn-style-softbank
SoftBank
btn-style-ymobile
Y!mobile
btn-style-uqmobile
UQ mobile
btn-style-uqwimax
UQ WiMAX
btn-style-joshin
上新電機
btn-style-ksdenki
ケーズデンキ
btn-style-nojima
ノジマ
特殊サービス Ver.20160618-2200~
メーカー
尼
価
楽
Y!
メーカー
docomo
au
SoftBank
Y!mobile
UQ mobile
UQ WiMAX
R Mobile
ボタン使用時の注意
※ヘッダーバージョン 20151229-2135 以下の場合のみ
ボタン使用の際は、button.cssをヘッダーに挿入してください。