Разлика између марже и паддинга

Маргин вс Паддинг
 

Разлика између марже и паддинга је важан аспект у ЦСС као маргина и паддинг су два важна концепта који се користе у ЦСС-у за пружање размака између различитих ставки. Облоге и ивице нису међусобно заменљиве и имају различите сврхе, па их треба на одговарајући начин користити. Облога је простор између садржаја и границе блока. С друге стране, руб је простор изван границе блока. Маргин одваја блокове од суседних блокова док паддинг одваја границу од садржаја.

Шта је Паддинг?

У ЦСС-у (Каскадне таблице стилова), паддинг је простор који се задржава између садржаја и обруба. Садржај блока одваја од његове ивице. Паддинг је транспарентан и такође укључује позадинску слику или боју позадине елемента. Количина паддинг елемента одређује се употребом термина „паддинг“ у ЦСС коду. На пример, за додавање облога од 25 пиксела око садржаја може се користити следећи код.

див
ширина: 300пк;
висина: 300пк;
паддинг: 25пк;
обруб: 25пк чврсто;

Ако је потребно, различите вредности облога могу се засебно навести и за леву, за десну, горњу и доњу. Следећи део кода одређује различите вредности паддинг-а за сваку страну.

див
ширина: 300пк;
висина: 300пк;
паддинг-топ: 25пк;
паддинг-боттом: 35пк;
паддинг-лефт: 5пк;
паддинг-ригхт: 10пк;
обруб: 25пк чврсто;

Шта је маржа?

У ЦСС (Цасцадинг Стиле Схеетс) маргина је простор ван границе. Одваја блок од осталих блокова. Маргин је такође транспарентан, али велика разлика у односу на облагање је што руб не укључује слике позадине или позадинске боје примењене на елемент. Износ марже у ЦСС-у се одређује употребом термина „маржа“. Следећи део кода применио је границу од 25 пиксела око блока див.

див
ширина: 320пк;
висина: 320пк;
обруб: 5пк чврст;
маргина: 25пк;

Могу се навести и различите вредности за различите стране блока. Следећи део кода примењује различите вредности марже за сваку страну.

див
ширина: 320пк;
висина: 320пк;
обруб: 5пк чврст;
маргин-топ: 25пк;
маргин-боттом: 35пк;
маргин-лево: 5пк;
маргин-десно: 10пк;

Која је разлика између Маргине и Паддинга?

• Паддинг је простор између границе и садржаја док је маргина простор изван границе.

• Паддинг одваја садржај блока од границе. Маргин одваја један блок од другог.

• Паддинг се састоји од позадинских слика и боја позадине које се примењују на садржај док маргина не садржи такве.

• Рубови суседних блокова могу се преклапати док се облоге не преклапају.

Резиме:

Паддинг вс Маргин

Паддинг је простор унутар границе блока који одваја границу од садржаја. Маргин је размак изван границе који одваја блок од суседних блокова. Друга разлика је у томе што паддинг укључује позадинску слику и боје позадине примењене око садржаја, док маргине не садрже. Марже суседних блокова се могу понекад преклапати када прегледач направи страницу, али се такво нешто неће десити..

Љубазношћу слика:

1. Фелик.лег ЦСС кутија модел (ЦЦ БИ-СА 3.0)