Marge vs farciment
La diferència entre marge i farciment és un aspecte important en CSS, ja que marge i farciment són dos conceptes importants que s'utilitzen en CSS per proporcionar espai entre diferents elements. El farciment i els marges no són intercanviables i tenen finalitats diferents, per la qual cosa s'han d'utilitzar adequadament. El farciment és l'espai entre el contingut i la vora d'un bloc. El marge, en canvi, és l'espai fora de la vora d'un bloc. El marge separa els blocs dels blocs adjacents mentre que el farciment separa la vora del contingut.
Què és el farciment?
En CSS (Fulls d'estil en cascada), el farciment és l'espai que es manté entre el contingut i la vora. Separa el contingut d'un bloc de la seva vora. El farciment és transparent i també inclou la imatge de fons o el color de fons de l'element. La quantitat de farciment d'un element s'especifica utilitzant el terme "padding" al codi CSS. Per exemple, per afegir un farciment de 25 píxels al voltant del contingut, es pot utilitzar el codi següent.
div {
amplada: 300 píxels;
alçada: 300px;
encoixinat: 25 píxels;
borde: 25 píxels sòlids;
}
Si cal, també es poden especificar diferents valors de farciment per separat per a l'esquerra, la dreta, la part superior i la part inferior. El següent fragment de codi especifica diferents valors de farciment per a cada costat.
div {
amplada: 300 píxels;
alçada: 300px;
padding-top: 25px;
padding-bottom: 35px;
padding-left: 5px;
encoixinat-dreta: 10px;
borde: 25 píxels sòlids;
}
Què és el marge?
En CSS (Fulls d'estil en cascada), el marge és l'espai fora de la vora. Separa un bloc d' altres blocs. El marge també és transparent, però una gran diferència amb el farciment és que el marge no inclou imatges de fons ni colors de fons aplicats a l'element. La quantitat de marge en CSS s'especifica mitjançant el terme "marge". El següent fragment de codi va aplicar un marge de 25 píxels al voltant del bloc div.
div {
amplada: 320 píxels;
alçada: 320px;
borde: 5 píxels sòlids;
marge: 25px;
}
També es poden especificar diferents valors per a diferents costats del bloc. El codi següent aplica valors de marge diferents per a cada costat.
div {
amplada: 320 píxels;
alçada: 320px;
borde: 5 píxels sòlids;
marge superior: 25px;
marge inferior: 35 píxels;
marge esquerre: 5px;
marge-dret: 10px;
}
Quina diferència hi ha entre el marge i el farciment?
• El farciment és l'espai entre la vora i el contingut, mentre que el marge és l'espai fora de la vora.
• El farciment separa el contingut d'un bloc de la vora. El marge separa un bloc de l' altre.
• El farciment consisteix en les imatges de fons i els colors de fons aplicats al contingut, mentre que el marge no ho inclou.
• Els marges dels blocs adjacents es poden solapar mentre que el farciment no es solapa.
Resum:
Padding vs Marge
El farciment és l'espai dins de la vora d'un bloc que separa la vora del contingut. El marge és l'espai fora de la vora que separa un bloc dels blocs adjacents. Una altra diferència és que el farciment inclou la imatge de fons i els colors de fons aplicats al contingut mentre que el marge no els conté. De vegades, els marges dels blocs adjacents es poden solapar quan el navegador representa la pàgina, però per farciment això no passarà.
