Spaziatura esterna e interna

La spaziatura esterna e quella interna sono lo spazio attorno a un elemento. La spaziatura esterna, detta anche margine, è lo spazio fuori dai bordi dell'elemento. La spaziatura interna, detta anche padding, è lo spazio dentro questi bordi. Regolando la spaziatura esterna e interna di un elemento ne cambi la posizione e l'aspetto. Così il tuo sito può apparire più curato e professionale.

Per regolare la spaziatura esterna e interna attorno a un elemento:

1. Clicca sull'elemento per aprire il menu fluttuante, poi clicca sull'opzione per modificare il design.
2. Clicca su Spaziatura.
3. Per cambiare la spaziatura esterna (margine), clicca e modifica i numeri nel riquadro esterno. In alternativa, clicca su uno di questi numeri e usa il cursore per regolarne la dimensione.
4. Per cambiare la spaziatura interna (padding), clicca e modifica i numeri nel riquadro interno. In alternativa, clicca su uno di questi numeri e usa il cursore per regolarne la dimensione.
5. Se usi Editor 2.0: clicca nei rispettivi riquadri per modificare i valori di margine e padding. I valori orizzontali di margine e padding sono collegati: se ne cambi uno, l'altro si aggiorna automaticamente. Puoi scollegarli cliccando sull'icona del collegamento.

Nota: se noti spazi strani che non riesci a rimuovere, controlla tutte le parti del widget, inclusa la colonna in cui si trova.

Opzioni di unità di misura in Flex Mode ed Editor 2.0

In flex mode ed Editor 2.0 sono disponibili altre opzioni di misura:

• px (pixel). Fornisce un'unità di misura fissa, non influenzata dalle variazioni di dimensione dei dispositivi.
• % (percentuale). Un'unità versatile che ridimensiona gli elementi in proporzione alle dimensioni del loro contenitore.
• vh (viewport height). Ridimensiona dinamicamente gli elementi in base all'altezza dello schermo (viewport).
• vw (viewport width). Adatta dinamicamente gli elementi in base alla larghezza dello schermo (viewport), garantendo un ridimensionamento proporzionale sui diversi dispositivi.
• A (auto). Permette al browser di calcolare automaticamente il margine.

Nota: per informazioni dettagliate, vedi Size Units.

Per cambiare l'unità di misura:

1. Apri il pannello di design di un elemento.
2. Vai alla sezione Spaziatura.
3. Clicca dentro uno dei riquadri.
4. Clicca sull'unità di misura attuale.
5. Clicca sull'unità di misura che vuoi.