Разработка магазинов с гарантией попадания в ТОП поисковых систем

Узнать подробнее
Eltisbook > CSS учебник > Margin в CSS — используем отступы

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.