Latest web development tutorials

CSS Margin (Margine)

CSS Margin (margine) proprietà definisce lo spazio attorno agli elementi.

margine

margine chiaro attorno agli elementi (fuori dai confini) zona. margine di nessun colore di sfondo è completamente trasparente

margine può essere modificato su singoli elementi, in basso, a sinistra ea margini destro. È inoltre possibile modificare una volta che tutte le proprietà.

I valori possibili

valore spiegazione
auto Impostare i margini del browser.
Il risultato dipenderà dal browser
lunghezza Definire un margine fisso (utilizzando il pixel, pt, em, etc.)
% Definito con un margine percentuale

osservazione Margine può utilizzare i contenuti di sovrapposizione negativa.

<H2Margin - proprietà margin unilaterale

In CSS, si può specificare un lato diverso dei diversi margini:

Esempi

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Prova »

Margine - proprietà abbreviata

Per accorciare il codice, è possibile utilizzare tutte le proprietà dei margini in una proprietà margine specificato. Questo si chiama una proprietà scorciatoia.

proprietà scorciatoia per tutte le proprietà dei margini è "margine":

Esempi

margin:100px 50px;

Prova »

proprietà margin può avere uno a quattro valori. / P>

  • margin: 25px 50px 75px 100px;
    • Ai margini di 25px
    • margine destro di 50 px
    • Il margine inferiore è 75px
    • margine sinistro della 100px

  • margin: 25px 50px 75px;
    • Ai margini di 25px
    • margini destra e sinistra per 50px
    • Il margine inferiore è 75px

  • margin: 25px 50px;
    • Margini superiore ed inferiore a 25px
    • margini destra e sinistra per 50px

  • margin: 25px;
    • Tutti e quattro i margini sono 25px
Esempi

Altri esempi

le impostazioni dei margini sul testo con un valore cm
Questo esempio mostra come impostare un valore di testo centimetri del margine superiore.

Impostare il testo utilizzando il valore percentuale del margine inferiore
Questo esempio mostra come impostare utilizzando una percentuale del valore del margine inferiore rispetto alla larghezza dell'elemento di contenimento.

Tutte le proprietà dei margini CSS

proprietà descrizione
margine proprietà abbreviata. Impostare tutte le proprietà dei margini in una dichiarazione.
margin-bottom Impostazione di fuori di un elemento.
margin-left L'elemento nel margine sinistro.
margin-right L'elemento del margine destro.
margin-top Elemento è impostato sul margine.