Прије читања ове стране потребно је прочитати увод на страни Стилови - својства.

Oва три својства (margin, padding, border) заједно са width и height генерално дефинишу пложај неког елемента у односу на његове сусједе. Сва три својства додају се на ширину и висину елемента спецификовану са width и height. То раде према следећем принципу:

Стил:

img.element1 {
     width: 150px;
     height: 150px;
     background: yellow;
     padding: 25px;
     border-width: 15px;
     border-color: red;
     border-style: solid;
     margin: 30px;
}

даје следеће:

Као што се са слике види width i height подешавају само ширину и висину самог елемента. На елемент се додаје padding чиме се елемент проширује. Позадинска боја се примјењује и на padding секцију. Око садржаја и падинга долази ивица а растојање од ивице до осталих елемената дефинише маргина.

margin: 15px / auto / 25px auto / 15px 20px 5px 0px - Маргина елементa. Уколико се наведу двије вриједности прва је горња и доња а друга лијева и десна маргина. Четири вриједности подешавају маргине редослиједом горња, десна, доња, лијева. Auto оставља браузеру да израчуна маргину.  Браузер то обично ради тако што узме у обзир колико простора је доступно и колика је ширина и висина елемента и онда издјели преостали простор између маргина. Стога margin: 0px auto је добар начин да се центрира елемент.

padding: 15px / 25px 0px / 15px 20px 5px 0px - Проширује елемент. Више вриједости користи исто правило као код маргина: све-маргине / горња-доња лијева-десна / горња десна доња лијева.

border-style: none / solid / dashed / dotted - Подешава стил ивице елемента. none значи да нема ивице; solid је пуна ивица; dashed - испрекидана; dotted - тачкаста.

border-color: black / #000000 - Подешава боју ивице. Иста правила за боју као код color.

border-width: 1px - Дебљина ивице.

Сва ова својства имају своје варијанте које подешавају само лијеви/десни/горњи/доњи margin/padding/border. Генерално се творе додавањем -top, -bottom, -left или - right у назив својства. Тако да је рецимо лијева маргина: margin-left.

Маргине:

• margin-top
• margin-left
• margin-right
• margin-bottom

Padding:

• padding-top
• padding-left
• padding-right
• padding-bottom

Ивице:

• border-top-color
• border-left-color
• border-right-color
• border-bottom-color
• border-top-style
• border-left-style
• border-right-style
• border-bottom-style
• border-top-width
• border-left-width
• border-right-width
• border-bottom-width

Margin подржава негативне вриједности маргина што може бити корисно када се жели да садржај штрчи ван контејнера. Следећа слика приказује изглед стране прије и послије што смо на слике примјенили -70px на десну маргину.