スタイル デザイナでは、スタイル シートを変更したり、カスタマイズすることができます。 デフォルトでは、［スタイル デザイナ］ダイアログ ボックスを開くと、［フォントと色］タブに以下のコントロールが表示されます。
ドロップダウン リストから、変更するスタイル エレメントを選択します。
新しいスタイル クラスを追加するには、このボタンをクリックします。
［スタイル クラス］ドロップダウン リストで選択したスタイル クラスの名前を変更するには、このボタンをクリックします。
［スタイル クラス］ドロップダウン リストで選択したスタイル クラスを削除するには、このボタンをクリックします。
このプロパティには、システムにインストールされているフォントが一覧表示されます。 選択したフォントを［使用できるフォント］リストと［選択したフォント］リストの間で移動するには、
と 
をクリックします。
このプロパティでは、ブラウザでスタイル クラス エレメントの描画に使用される優先フォントの階層リストを指定します。 ブラウザでは、実行中のシステムにインストールされているフォントのうち、リスト内の最初のフォントが使用されます。
階層内で選択したフォントを上下に移動するには、
と 
をクリックします。
ドロップダウン リストからフォント サイズを選択します。
ドロップダウン リストからフォント スタイルを選択します。
ドロップダウン リストからフォント スタイルを選択します。
テキストの飾りや特殊効果が必要ない場合は、このオプションを選択します。
テキストに下線を付ける場合は、このオプションを選択します。
テキスト自体に線を引く場合は、このオプションを選択します。
テキストの上に線を引く場合は、このオプションを選択します。
［前景色］プロパティの右側にある［参照］ボタンをクリックして、テキスト エレメントの前景色を選択します。 次に、カラー パレットから目的の色を選択して、［OK］をクリックします。
［背景色］プロパティの右側にある［参照］ボタンをクリックして、テキスト エレメントの背景色を選択します。 次に、カラー パレットから目的の色を選択して、［OK］をクリックします。
スタイル エレメントの背景を透明にする場合は、このオプションを選択します。
スタイル エレメントのサンプルは、ダイアログ ボックスの最下部にあるプレビュー領域に表示されます。
スタイル エレメントの位置を設定するには、［位置］タブをクリックします。 ［位置］タブには、以下のコントロールが含まれています。
ドロップダウン リストから、いずれかのエレメント位置を選択します。 位置プロパティでは、エレメントを静的、絶対、または相対のいずれかの位置に配置します。 ［静的］を選択すると、通常のフローに従ってエレメントが配置されます。 ［絶対］を選択すると、ページの任意の位置にエレメントが配置されます。 ［相対］を選択すると、通常の位置に対して相対的にエレメントが移動します。
エレメントのテキスト ボックスの左マージンの値を入力します。 ドロップダウン リストからサイズを選択します。 このプロパティは、選択された位置が［静的］の場合は無効になります。
エレメントのテキスト ボックスの上部マージンの値を入力します。 ドロップダウン リストからサイズを選択します。 このプロパティは、選択された位置が［静的］の場合は無効になります。
エレメントのテキスト ボックスの幅の値を入力します。 ドロップダウン リストからサイズを選択します。
エレメントのテキスト ボックスの高さの値を入力します。 ドロップダウン リストからサイズを選択します。
エレメントのテキスト ボックスのスタック順の値を入力します。 スタック順の値が大きいエレメントは、常に値が小さいエレメントよりも前に表示されます。 Z-Index を使用できるのは、エレメントの位置に［絶対］を設定した場合のみです。
注： エレメントのスタック順には、負の値も設定できます。
エレメントの特定プロパティを設定するには、［その他］タブをクリックします。 ［その他］タブには、以下のコントロールが含まれています。
ドロップダウン リストからエレメントの表示タイプを選択します。 表示プロパティでは、エレメントの内容が表示領域に収まらなかった場合にどのように表示するかを設定します。
ドロップダウン リストからエレメントのオーバーフローのタイプを選択します。 オーバーフロー プロパティでは、エレメントの内容が設定した表示領域に収まらなかった場合の動作を設定します。
ドロップダウン リストからエレメントの表示形式のタイプを選択します。 表示形式では、エレメントをどのように表示するかを設定します。
ドロップダウン リストからエレメントのカーソルのタイプを選択します。 カーソル プロパティでは、エレメントにポインタを移動したときに表示されるカーソルのタイプを指定します。
このダイアログ ボックスを閉じて変更を保存するには、このボタンをクリックします。
［スタイル デザイナ］ダイアログ ボックスを閉じるには、このボタンをクリックします。
|
Copyright © 2013 CA.
All rights reserved.
|
|