Margin в CSS — используем отступы
«Margin в CSS» – одиннадцатый урок учебника CSS. В этом уроке мы обсудим использование и форматирование различных отступов в CSS.
Отступы позволяют перемещать элементы относительно их реального положения в любой из осей координат. Также отступы позволяют производить «наезжание» одного элемента на другой.
Margin в CSS.
Отступы позволяют изменять пространство между элементами. Отступы в CSS могут принимать отрицательные значения для создания эффекта наложения элементов друг на друга. Все основные параметры для управления отступами и их допустимые значения вы можете видеть в таблице ниже:
|
Параметр
|
Описание
|
Значения
|
| margin | позволяет задать все отступы одновременно | margin–top |
| margin–right | ||
| margin–bottom | ||
| margin–left | ||
| margin–bottom | позволяет изменить нижний отступ | auto |
| length | ||
| % | ||
| margin–left | позволяет изменить левый отступ для элемента | auto |
| length | ||
| % | ||
| margin–right | позволяет задать правый отступ | auto |
| length | ||
| % | ||
| margin–top | позволяет задать верхний отступ | auto |
В данном уроке мы научились использовать отступы в CSS. Margin в CSS — достаточно мощный инструмент отображения текста, который также может использоваться для позиционирования. Отступы позволяют детально настроить отображение текста, задав расстояния между необходимыми элементами.
В следующий раз мы поговорим о создании и форматировании полей в CSS.