HTML та CSS дозволяють створювати веб-сторінки з різними елементами та стилями. Один із способів змінити зовнішній вигляд елемента – задати йому контур. Контур, або обведення, є лінією, яка оточує елемент і може бути використана для виділення його на сторінці.
У CSS існують різні властивості, які дозволяють встановити параметри контуру, такі як колір, товщина та стиль лінії. Наприклад, за допомогою властивості border-color можна встановити колір контуру, а за допомогою властивості border-width – Його товщину. Також можна змінити стиль самої лінії за допомогою властивості border-style. Наприклад, можна вибрати суцільну лінію, пунктирну лінію або подвійний контур.
Крім того, контур можна встановити для різних сторін елемента або для його певних ділянок. Властивості border-top, border-right, border-bottom і border-left дозволяють встановити параметри контуру для кожної сторони окремо. Також можна встановити контур лише для конкретної ділянки за допомогою властивості border-radius. Наприклад, можна встановити контур лише навколо кутів елемента або лише у нижній частині.
| Властивість | Опис |
|---|---|
| border | Встановлює стиль, товщину та колір межі елемента |
| border-width | Встановлює товщину межі елемента |
| border-style | Встановлює стиль межі елемента |
| border-color | Встановлює колір межі елемента |
| border-radius | Встановлює радіус заокруглення кутів межі елемента |
Як зробити обведення CSS?
Щоб зробити обведення тексту в CSS, використовуйте властивість text-stroke . Ця властивість задає товщину та колір обведення для тексту.
Як зробити відступ від рамки CSS?
Зовнішні відступи CSS задаються за допомогою властивості margin що встановлює величину відступу від меж поточного елемента до внутрішнього кордону його батьківського елемента. margin-bottom (нижній відступ) margin-left (відступ зліва)
Як зробити нижню межу CSS?
Скорочена властивість CSS border-bottom описує нижній кордон елемент border. Воно встановлює значення border-bottom-width (en-US), border-bottom-style (en-US) та border-bottom-color (en-US).
