[CSS 配置] ([オプション] ダイアログ ボックス - [HTML デザイナ])

更新 : 2007 年 11 月

[CSS 配置] ページでは、次のいずれかの方法を使用して要素を作成するときに、デザイン ビューにどのように要素を配置するかを決定するオプションを設定します。

  • ツールボックスから要素をドラッグする。

  • 他のソース (他のページなど) から要素をドラッグする。

  • あらかじめクリックボードにコピーした要素を貼り付ける。

このダイアログ ボックスを表示するには

  1. Microsoft Visual Web Developer で、[ツール] メニューの [オプション] をクリックします。

    [オプション] ダイアログ ボックスが表示されます。

  2. 左側のパネルで [HTML デザイナ] ノードを展開し、[CSS 配置] をクリックします。

    環境設定を Web 開発用に構成した場合、このノードの要素は、[すべての設定を表示] チェック ボックスをオンにしないと使用できません。環境設定の詳細については、「方法 : 選択した設定を変更する」を参照してください。

ms178734.alert_note(ja-jp,VS.90).gifメモ :

追加の HTML オプションは、[テキスト エディタ] の下位にある [HTML] ノードにあります。このノードは、[すべての設定を表示] チェック ボックスをオンにすると表示されます。

HTML の書式設定の詳細については、「Visual Web Developer の HTML エディタでの要素の書式指定」を参照してください。

処理手順

UI 要素

配置オプション

  • [ツールボックス、貼り付け、またはドラッグ アンド ドロップを使用して追加されたコントロールの配置を次のとおり変更する]
    デザイン ビューのページ上にドロップした要素または貼り付けた要素に対して、既定のカスケード スタイル シート (CSS: Cascading Style Sheet) の位置オプションを指定します。位置情報は、要素の style 属性の position プロパティを使用して指定します。

    この設定はソース ビューには影響しません。

    このチェック ボックスをオフにすると、ツールボックスまたは他のソースに定義されているとおりに、またはクリップボードにコピーされたとおりに、要素のドロップまたは貼り付けが行われます。要素の位置属性は変更はされません。このチェック ボックスをオンにすると、貼り付けまたはドラッグを行うときに、選択したオプションに従って要素の位置属性が設定されます。

    説明

    [絶対配置]

    position プロパティを absolute に設定し、z-index、left、および top の各スタイル プロパティを設定します。0、0 の位置は、現在の要素の親に基づいて定義されます。親は、位置情報を持つ最初のコンテナ要素です。位置情報を持つコンテナが現在の要素に存在しない場合は、body 要素に基づいて位置情報が計算されます。

    [相対配置]

    position プロパティを relative に設定し、 z-index、left、および top の各スタイル プロパティを設定します。このオプションは、ページのフローでの要素の位置に対して 0、0 の位置が定義される点が [絶対配置] オプションと異なります。フローには、相対位置を使用し、top と left の両方が 0 に設定された要素が基準として表示されます。

    [静的配置]

    position プロパティを static に設定します。その結果、コントロールがフロー レイアウトを使用して描画されます。要素がカスケード スタイル シートから継承する可能性があるスタイル設定を明示的にオーバーライドする場合は、位置を static に設定すると便利です。

    [配置属性はありません]

    すべての位置指定情報を削除します。その結果、既定で、コントロールがフロー レイアウトを使用して描画されます。コントロールの位置は、カスケード スタイル シートから継承されたスタイル設定の影響を受ける可能性があります。

    position 属性の効果の詳細については、MSDN ライブラリ で "位置属性" または "位置プロパティ" を検索してください。

  • [次の設定でピクセル ベースの位置とサイズを合わせる]
    間隔を設定した非表示のグリッドに対するドラッグを制約します。この設定は、位置情報をピクセルで設定した要素だけに適用されます。

    ms178734.alert_note(ja-jp,VS.90).gifメモ :

    位置情報を持たない要素や position プロパティを static に指定した要素はドラッグできます。ただし、ドラッグできるのはドキュメントのフロー内だけです。ページ上の任意の場所にはドラッグできません。

  • [左右の間隔]
    非表示グリッド上の水平方向の間隔 (ピクセル数) です。

  • [上下の間隔]
    非表示グリッド上の垂直方向の間隔 (ピクセル数) です。

参照

概念

デザイン ビューでの要素の配置