Свойство margin

Описание

Устанавливает величину отступа от границы текущего элемента до внутренней границы его родительского элемента.

Синтаксис

margin: размер | проценты | auto;

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 #margin-test {
 width: 200px;
 height: 80px;
 margin: 40px;
 background-color: aquamarine;
 border: 3px solid black;
 }
 </style>
 <div id='margin-test'></div>
</body>
</html>

Читайте также

Свойство transform

Трансформирует элемент, в частности, позволяет его масштабировать, вращать, сдвигать, наклонять, ...

Свойство text-decoration-color

Устанавливает цвет линии, которая добавляется через свойство text-decoration.

Свойство text-decoration-line

Определяет, как должна добавляться декоративная линия к тексту — подчёркивание, перечёркивание, н...

Свойство background-image

Задает фоновое изображение элемента. В качестве значения указывается путь к изображению. Он может...

Свойство margin-top

Устанавливает величину отступа от верхней границы текущего элемента до внутренней границы его род...