Рамка (border) - це контур, для якого можна задати такі характеристики як товщина, колір і тип (пунктирна, суцільна, точкова).
Поля (padding) - відділяють вміст блоку від його рамки, щоб текст, наприклад, не був "упритул" до стінок блоку.
Відступи (margin) - це порожній простір між різними блоками, що дозволяє на заданій відстані розташувати два блоки відносно один одного.
Універсальна властивість border дозволяє одночасно встановити товщину, стиль і колір рамки навколо елемента.
Значення можуть йти в будь-якому порядку, розділяючись пробілом, браузер сам визначить, яке з них відповідає потрібній властивості.
Для установки рамки тільки на певних сторонах елементу, використовуються властивості border-top, border-bottom, border-left, border-right.
Синтаксис
border: [border-width || border-style || border-color] | inherit
Значення
Значення border-width визначає товщину рамки.
Для управління її видом надається кілька значень border-style.
border-color встановлює колір кордону, значення може бути в будь-якому допустимому для CSS форматі.