La proprietà di riempimento definisce lo spazio tra il bordo dell'elemento e il suo contenuto.
Questa proprietà può assumere 4 valori:
•Se viene specificato un valore, come div {riempimento: 50px} - tutti e quattro i lati del riempimento sono 50 px.
•Se sono specificati due valori, come div {riempimento: 50px 10px} - il riempimento superiore e inferiore è 50 px, mentre quello sinistro e destro è 10 px.
•Se specifichi tre valori, come div {riempimento: 50px 10px 20px} - l'imbottitura superiore e inferiore è 50 px, quella sinistra e destra 10 px, e quella inferiore è 20 px.
•Se specifichi quattro valori, come div {riempimento: 50px 10px 20px 30px} - l'imbottitura superiore è 50 px, quella destra 10 px, quella inferiore 20 px e quella sinistra 30 px.
DIV CSS margin si riferisce al margine della parola dell'attributo CSS, margine è il margine che determina i quattro lati dell'oggetto, senza colore di sfondo né colore.
1. Sintassi dei margini
Margin:10px
Il valore del margine è un numero + unità html, e può anche essere automatico (automatico, adattivo)
2. Struttura dell'applicazione
Div{margin:10px}
Imposta l'oggetto div a 10px a spaziatura
3. Descrizione del margine
margine è la distanza tra il bordo esterno dell'oggetto e il bordo epitassile.
Ci sono tre situazioni in cui il valore del margine può essere un intero positivo e un intero negativo e aggiungere un'unità come i pixel PX (margine-sinistra: 20px); auto può essere usato come attributo automatico (margine-sinistra: auto auto); Può essere un valore percentuale (%) (margine a sinistra: 3%).
Estensione di margine (imposta separatamente la parola di attributo a quattro lati di spaziatura a quattro lati)
margine-sinistra oggetto margine sinistro (margine-sinistra:5px; Distanza di estensione a sinistra 5px)
margine-destra Il margine destro dell'oggetto (margine-destra:5px; Distanza di estensione a destra 5px)
oggetto margine superiore (margine-superiore:5px; Distanza Epitassiale Superiore 5px)
margine-fondo oggetto (margine-fondo:5px; Distanza epitasiale inferiore 5px)
|
Pubblicato su 30/10/2014 16:21:55
|
|
|
