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~


ボタン使用時の注意

※ヘッダーバージョン 20151229-2135 以下の場合のみ
ボタン使用の際は、button.cssをヘッダーに挿入してください。