Лучшее руководство по CSS Маржа (Margin) в 2024 году. В этом руководстве вы можете изучить маржа,Возможные значения,примеров,Маржа - сокращённое свойство,примеров,Другие примеры,Все свойства полей CSS,

CSS Маржа (Margin)

CSS маржа (маржа) свойство определяет пространство вокруг элементов.


маржа

ясно запас вокруг элементов (за пределами границ) области. Запас нет цвет фона не является полностью прозрачным

маржа может быть изменен на отдельные элементы, снизу, слева и справа. Кроме того, можно изменить сразу все свойства.

Возможные значения

значение объяснение
автоматический Установите поля браузера.
Результат будет зависеть от браузера
длина Определить фиксированную маржу (используя пиксель, пт, EM и т.д.)
% Определяется с помощью процентной маржи

замечание Маржа может использовать отрицательное перекрывающийся содержание.


<H2Margin - одностороннее маржа недвижимость

В CSS, он может указать другую сторону различных полях:

примеров

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Попробуйте »


Маржа - сокращённое свойство

Для сокращения кода, можно использовать все свойства полей в одно свойство заданного предела. Это называется сокращенным свойством.

Сокращённое свойство для всех свойств полей является "запас":

примеров

margin:100px 50px;

Попробуйте »

Маржа свойство может иметь от одного до четырех значений. / P>

  • Маржа: 25px 50px 75px 100px;
    • На полях 25px
    • Правое поле для 50px
    • Нижнее поле составляет 75px
    • Левый край 100px

  • Маржа: 25px 50px 75px;
    • На полях 25px
    • Левого и правого поля к 50px
    • Нижнее поле составляет 75px

  • Запас: 25px 50px;
    • Верхний и нижний края к 25px
    • Левого и правого поля к 50px

  • Запас: 25px;
    • Все четыре поля являются 25px

примеров

Другие примеры

Настройки полей по тексту , используя значение см
Этот пример демонстрирует, как установить значение текста сантиметров верхнего края.

Установите текст , используя процентное значение нижнего поля
Этот пример демонстрирует, как установить с помощью процентного значения нижнего поля по ширине элемента-контейнера.


Все свойства полей CSS

свойство описание
маржа Сокращённое свойство. Установить все свойства полей в одной декларации.
краю дна Установка вне элемента.
Маржа налево Элемент в левом поле.
Маржа правый Элемент правого края.
Верхнее поле Элемент устанавливается на полях.
CSS Маржа (Margin)
10/30