トップページ

アイコン付きボタン(塗りつぶし)

アイコン付きボタン(塗りつぶし)

使い方

クリックできるボタンです。「ボタン(塗りつぶし)」に加え、ラベルの横にアイコンを表示することができます。

ボタンの背景色は指定された色で、文字色、アイコンの色、およびマウスオーバー時の背景色は自動計算されます。

設定するパラメーター

ラベル

ボタンの中に表示するテキストを設定します。

空にすることもできますが、その場合、高さを指定しないと文字がない分だけ通常よりも高さが小さくなります。

アイコン

ラベルの横に表示するアイコンを選択します。

アイコン位置

アイコンをラベルの左に表示するか、右に表示するかを選択します。

ボタンの色

ボタンの色を指定します。

ボタンの幅, ボタンの高さ

ボタンの幅と高さを指定します。省略時はラベルに応じて自動的に決まります。

カスタマイズ対応状況

カスタマイズ対象 可否
表示テキスト ○ ラベル部分 (アイコン部分も含まれます)
サブ要素 × ありません
値要素 × ありません

制限事項

  • アイコンの色を自由に指定することはできません。アイコンの色はラベルの文字色と同じになります。

Copyright © R3 institute. All rights reserved.

Powered by Everysite