Свойство margin-bottom | CSS-справочник

Описание

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

Синтаксис

margin-bottom: размер | проценты | 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>
 .con-t {
 width: 300px;
 background-color: rgb(255, 86, 86);
 }
 #margin-bottom-test {
 width: 200px;
 height: 80px;
 margin-top: 10px;
 margin-bottom: 20px;
 margin-left: 30px;
 margin-right: 50px;
 background-color: aquamarine;
 border: 3px solid black;
 }
 </style>
 <div class='con-t'>
 <div id='margin-bottom-test'></div>
 </div>
</body>
</html>

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

Свойство transition-duration

Задаёт время в секундах или миллисекундах, сколько должна длиться анимация перехода до её завершения. По умолчанию значение равно 0s, это означает, чт...

Свойство object-fit

Управляет соотношением сторон заменяемых элементов, таких как img и video, когда у них задана ширина или высота, а также способом масштабирования. Сво...

Свойство transition-timing-function

Устанавливает, насколько быстро должно изменяться значение стилевого свойство для которого применяется эффект перехода.

transition-timing-funct...

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

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