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-black
btn-cl-dark
btn-cl-gray
btn-cl-silver
btn-cl-normal
btn-cl-white
btn-cl-transparent
btn-cl-disabled
btn-disabled

ボタン背景色 (雪)  Ver.20160609-0200~

btn-cl-whity-red
btn-cl-whity-pink
btn-cl-whity-magenta
btn-cl-whity-purple
btn-cl-whity-blue
btn-cl-whity-skyblue
btn-cl-whity-cyan
btn-cl-whity-teal
btn-cl-whity-green
btn-cl-whity-lime
btn-cl-whity-yellow
btn-cl-whity-orange

ボタン背景色 (パール)  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-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.20170603-0305~font-size-large

text-align-left
text-align-center
text-align-right
text-align-justify

特殊サービス  Ver.20160618-2200~


柄指定のみ
lnk-amazon
Amazon.com
lnk-yahoo
Yahoo! JAPAN
lnk-kakaku
カカクコム
lnk-r10
楽天
lnk-omni7
omni7
lnk-iy
イトーヨーカ堂
lnk-yb
ヨークベニマル
lnk-sej
セブン-イレブン
lnk-seinc
7-Eleven Inc.
lnk-aeon
イオン
lnk-ministop
ミニストップ
lnk-docomo
NTT docomo
lnk-aukddi
au
lnk-softbank
SoftBank
lnk-ymobile
Y!mobile
lnk-uqmobile
UQ mobile
lnk-uqwimax
UQ WiMAX

ボタン使用時の注意

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