Condividi tramite

Posizionamento CSS, Finestra di progettazione HTML, finestra di dialogo Opzioni

  • Articolo

Aggiornamento: novembre 2007

La pagina Posizionamento CSS consente di impostare le opzioni che determinano la modalità in base alla quale gli elementi creati mediante uno dei metodi riportati di seguito vengono posizionati nella visualizzazione Progettazione.

  • Trascinamento dell'elemento dalla Casella degli strumenti.

  • Trascinamento dell'elemento da un'altra origine, ad esempio un'altra pagina.

  • Inserimento tramite comando Incolla di un elemento precedentemente copiato negli Appunti.

  1. In Microsoft Visual Web Developer scegliere Opzioni dal menu Strumenti.

    Verrà visualizzata la finestra di dialogo Opzioni.

  2. Espandere il nodo Finestra di progettazione HTML nel riquadro sinistro e scegliere Posizionamento CSS.

    Se sono state configurare le impostazioni di ambiente per lo sviluppo Web, gli elementi di questo nodo non sono disponibili a meno che non si selezioni la casella di controllo Mostra tutte le impostazioni. Per ulteriori informazioni sulle impostazioni di ambiente, vedere Procedura: modificare determinate impostazioni.

Nota:

Altre opzioni HTML sono disponibili al di sotto del nodo HTML nell'Editor di testo che è visibile se è selezionata la casella di controllo Mostra tutte le impostazioni.

Per ulteriori informazioni sulla formattazione di HTML, vedere Formattazione degli elementi nell'editor HTML in Visual Web Developer.

Attività

Elementi di interfaccia

Opzioni di posizionamento

  • Modifica come segue il posizionamento dei controlli aggiunti mediante la casella degli strumenti o le funzioni di incolla e di trascinamento della selezione
    Consente di specificare l'opzione di posizionamento dei fogli di stile CSS (Cascading Style Sheet) predefinita per gli elementi trascinati o incollati nella pagina in visualizzazione Progettazione. Le informazioni sul posizionamento vengono specificate mediante la proprietà position dell'attributo style di un elemento.

    Questa impostazione non ha effetto nella visualizzazione Origine.

    Se la casella di controllo è deselezionata, l'editor inserisce o incolla gli elementi esattamente come sono definiti nella Casella degli strumenti o in un'altra origine o copiati negli Appunti, senza apportare modifiche ai relativi attributi di posizionamento. Se la casella di controllo è selezionata, quando si incolla o si trascina un elemento, i relativi attributi di posizionamento vengono impostati dall'editor in base all'opzione selezionata.

    Valore

    Descrizione

    Posizionato in modo assoluto

    Nell'editor vengono impostate la proprietà position su absolute e le proprietà di stile z-index, left e top. La posizione 0,0 viene definita in base all'elemento padre dell'elemento corrente. L'elemento padre è rappresentato dal primo elemento contenitore con le informazioni sul posizionamento. Se l'elemento corrente non è associato ad alcun elemento contenitore con informazioni sul posizionamento, tali informazioni vengono calcolate in base all'elemento body.

    Posizionato in modo relativo

    Nell'editor vengono impostate la proprietà position su relative e le proprietà di stile z-index, left e top. Questa opzione differisce da Posizionato in modo assoluto per il fatto che la posizione 0,0 viene definita in base alla posizione dell'elemento nel flusso della pagina. Un elemento posizionato in modo relativo e con entrambe le proprietà di stile top e left impostate su 0 viene visualizzato nel flusso come normale.

    Posizionato in modo statico

    Nell'editor viene impostata la proprietà position su static. Il rendering del controllo viene pertanto effettuato mediante il layout di flusso. L'impostazione di una posizione su static risulta utile se si desidera eseguire in modo esplicito l'override delle impostazioni di stile che l'elemento potrebbe ereditare da un foglio di stile CSS.

    Nessun attributo di posizionamento

    Nell'editor vengono eliminate le informazioni relative al posizionamento. Il rendering del controllo viene pertanto effettuato mediante il layout di flusso, per impostazione predefinita. Il posizionamento del controllo potrebbe essere influenzato da un'impostazione di stile ereditata da un foglio di stile CSS.

    Per informazioni dettagliate sull'effetto dell'attributo position, cercare "position attribute" o "position property" nella MSDN Library.

  • Blocca dimensioni e posizioni basate su pixel sull'impostazione seguente
    Vincola il trascinamento in una griglia invisibile di cui si imposta la spaziatura. Questa impostazione è valida solo per gli elementi le cui informazioni sul posizionamento sono impostate in pixel.

    Nota:

    È possibile trascinare gli elementi senza informazioni sul posizionamento o per i quali la proprietà position è impostata su static. Tali elementi possono tuttavia essere trascinati solo all'interno del flusso del documento, non in posizioni arbitrarie all'interno della pagina.

  • Spaziatura orizzontale
    Il numero di pixel tra punti orizzontali nella griglia invisibile.

  • Spaziatura verticale
    Il numero di pixel tra punti verticali nella griglia invisibile.

Vedere anche

Concetti

Posizionamento di elementi nella visualizzazione Progettazione