Опанувати веб конспект
Виконати практичне завдання № 1
Виконати практичне завдання № 2
Виконати інтерактивну вправу № 1
Виконати інтерактивну вправу № 2
Виконати інтерактивну вправу № 3
Embedded Files
Рамка (border) - це контур, для якого можна задати такі характеристики як товщина, колір і тип (пунктирна, суцільна, точкова).
Поля (padding) - відділяють вміст блоку від його рамки, щоб текст, наприклад, не був "упритул" до стінок блоку.
Відступи (margin) - це порожній простір між різними блоками, що дозволяє на заданій відстані розташувати два блоки відносно один одного.
Універсальна властивість border дозволяє одночасно встановити товщину, стиль і колір рамки навколо елемента.
Значення можуть йти в будь-якому порядку, розділяючись пробілом, браузер сам визначить, яке з них відповідає потрібній властивості.
Для установки рамки тільки на певних сторонах елементу, використовуються властивості border-top, border-bottom, border-left, border-right.
Синтаксис
Синтаксис
border: [border-width || border-style || border-color] | inherit
border: [border-width || border-style || border-color] | inherit
Значення
Значення
Значення border-width визначає товщину рамки.
Для управління її видом надається кілька значень border-style.
border-color встановлює колір кордону, значення може бути в будь-якому допустимому для CSS форматі.
Pr_t2_y15_1.pdf
Pr_t2_y15_2.pdf
Приклад того, як буде виглядати блок з фіксованою шириною і висотою, якщо вміст не влазить туди :)
Згідно специфікації CSS, поля, межі та відступи не входять до ширину блоку. Таким чином, вказуючи ширину блоку, задаємо ширину лише тієї частини блоку, яка відведена для вмісту.
Згідно специфікації CSS, поля, межі та відступи не входять до ширину блоку. Таким чином, вказуючи ширину блоку, задаємо ширину лише тієї частини блоку, яка відведена для вмісту.
Page updated
Google Sites
Report abuse