I margini appaiono all'interno diversi tipi di documenti prodotti in digitale, inclusi i file di elaborazione testi e pagine Web. La pratica di utilizzare i margini è particolarmente associato con web design e sviluppo. Margini possono avere una serie di funzioni, ma in generale, il loro scopo è quello di migliorare l'aspetto di un documento, rendendo il suo contenuto più leggibile. Le pagine Web costruito utilizzando il codice di markup HTML e le dichiarazioni Cascading Style Sheet utilizzare i margini per definire lo spazio vuoto intorno a elementi visibili.

Spazio bianco

Graphic designer e web utilizzano lo spazio bianco per migliorare l'aspetto di elementi in una pagina. Nelle pagine Web, questi elementi possono includere testo, immagini e altri elementi multimediali. Includendo spazio attorno agli elementi, si rendono più facile per gli utenti di vedere dove finisce un elemento e l'altro inizia, oltre a rendere il contenuto del testo più facile da leggere. Con la definizione di margini utilizzando una combinazione di HTML e CSS il codice, gli sviluppatori possono rendere ogni elemento della pagina spiccano in modo efficace all'interno della pagina nel suo complesso.

layout

Le pagine Web spesso beneficiano di disegni visive, in cui i layout sono un elemento chiave. Layout determinare come gli elementi in una pagina sono disposte l'una rispetto all'altra. Margini giocano un ruolo nel determinare dove apparirà ogni elemento all'interno di un layout, rendendo ogni parte della pagina chiaramente definito. Nella progettazione Web, margini possono essere applicati a qualsiasi elemento. Il browser Web rendering di una pagina interpreterà proprietà dei margini nel codice della pagina come le istruzioni per includere lo spazio vuoto intorno all'elemento.

tecniche

Margini utilizzano una combinazione di codice HTML e CSS. Il seguente elemento HTML ha un attributo ID:
<Div id = "content"> Ecco alcuni contenuti </ div>

Il codice CSS della pagina può identificare l'elemento come segue:

contenuti {margin: 10px;}

Il margine in questo caso è un valore fisso di 10 pixel di ciascun lato dell'elemento. Il codice potrebbe alternativamente specificare un valore per ogni lato, o potrebbe utilizzare valori relativi, come segue:

contenuti {margin: 1% 2% 1% 5%;}

Questo indica la dimensione del margine rispetto alle dimensioni dell'elemento pagina, contenente l'elemento "div", iniziando con la parte superiore e di lavoro intorno ad ogni lato in senso orario. CSS in grado di identificare le singole parti come segue:

contenuti {margin-top: 5px;}

Gli sviluppatori possono applicare le impostazioni per la parte superiore, inferiore, sinistro e destro di un elemento.

pratiche associate

Gli sviluppatori spesso utilizzano altre proprietà in associazione con margini in sede di attuazione disegni di pagina. Il box model specifica le regole per i browser Web quando si interpretano i layout di pagina. Gli sviluppatori possono utilizzare CSS per dettare le dimensioni del contenuto dell'elemento, dimensioni per una superficie di imbottitura fuori del contenuto, dimensioni per un bordo e per il margine, che appare all'esterno dell'elemento.