Marge vs Padding
Verskil tussen kantlyn en opvulling is 'n belangrike aspek in CSS, aangesien kantlyn en opvulling twee belangrike konsepte is wat in CSS gebruik word om spasiëring tussen verskillende items te verskaf. Opvulling en kantlyne is nie uitruilbaar nie en het verskillende doeleindes, dus moet toepaslik gebruik word. Die vulling is die spasie tussen die inhoud en die rand van 'n blok. Die kantlyn, aan die ander kant, is die spasie buite die grens van 'n blok. Marge skei blokke van aangrensende blokke terwyl die opvulling die grens van die inhoud skei.
Wat is Padding?
In CSS (Cascading Style Sheets), is opvulling die spasie wat tussen die inhoud en die rand gehou word. Dit skei die inhoud van 'n blok van sy rand. Die vulling is deursigtig en sluit ook die agtergrondprent of agtergrondkleur van die element in. Die hoeveelheid opvulling van 'n element word gespesifiseer deur die term "opvulling" in CSS-kode te gebruik. Byvoorbeeld, om 'n 25px-vulling rondom die inhoud by te voeg, kan die volgende kode gebruik word.
div {
wydte: 300px;
hoogte: 300px;
opvulling: 25px;
rand: 25px solied;
}
Indien nodig, kan verskillende opvulwaardes ook apart gespesifiseer word vir links, regs, bo en onder. Die volgende stukkie kode spesifiseer verskillende opvullingwaardes vir elke kant.
div {
wydte: 300px;
hoogte: 300px;
padding-top: 25px;
padding-bottom: 35px;
padding-links: 5px;
opvulling-regs: 10px;
rand: 25px solied;
}
Wat is Marge?
In CSS (Cascading Style Sheets), is kantlyn die spasie buite die grens. Dit skei 'n blok van ander blokke. Die kantlyn is ook deursigtig, maar 'n groot verskil met opvulling is dat die kantlyn nie agtergrondprente of agtergrondkleure wat op die element toegepas is, insluit nie. Die hoeveelheid marge in CSS word gespesifiseer deur die term "marge" te gebruik. Die volgende stukkie kode het 'n 25px-marge om die div-blok toegepas.
div {
wydte: 320px;
hoogte: 320px;
rand: 5px solied;
marge: 25px;
}
Verskillende waardes kan ook vir verskillende kante van die blok gespesifiseer word. Die volgende stukkie kode pas verskillende kantlynwaardes vir elke kant toe.
div {
wydte: 320px;
hoogte: 320px;
rand: 5px solied;
marge-top: 25px;
marge-bottom: 35px;
marge-links: 5px;
kantlyn-regs: 10px;
}
Wat is die verskil tussen Marge en Opvulling?
• Opvulling is die spasie tussen die rand en die inhoud terwyl kantlyn die spasie buite die grens is.
• Opvulling skei die inhoud van 'n blok van die grens. Die kantlyn skei een blok van die ander.
• Opvulling bestaan uit die agtergrondprente en agtergrondkleure wat op inhoud toegepas word, terwyl die kantlyn nie so 'n inhoud bevat nie.
• Kantlyne van aangrensende blokke kan oorvleuel terwyl opvulling nie oorvleuel nie.
Opsomming:
Opvulling vs Marge
Opvulling is die spasie binne die rand van 'n blok wat die grens van die inhoud skei. Die kantlyn is die spasiëring buite die grens wat 'n blok van die aangrensende blokke skei. Nog 'n verskil is dat opvulling die agtergrondprent insluit en agtergrondkleure wat rondom die inhoud toegepas word, terwyl kantlyn dit nie bevat nie. Die kantlyne van aangrensende blokke kan soms oorvleuel wanneer die blaaier die bladsy weergee, maar vir opvulling sal so iets nie gebeur nie.
