- Опанувати веб конспект
- Виконати практичне завдання № 1
- Виконати практичне завдання № 2
- Виконати інтерактивну вправу № 1
- Виконати інтерактивну вправу № 2
- Виконати інтерактивну вправу № 3
Рамка (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 форматі.
Практичне завдання № 1. " Блокова модель CSS. Рамки в CSS "
Pr_t2_y15_1.pdf
Практичне завдання №2. Блокова модель CSS. Властивості блоків.
Pr_t2_y15_2.pdf
