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

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

Padding в CSS — работа с полями

«Padding в CSS» – двенадцатый урок учебника CSS. В этом уроке мы обсудим использование и форматирование полей в CSS.

Поля в CSS очень похожи на отступы, с тем лишь отличием, что использование полей позволяет задать отступы внутри границы элемента и не могут принимать отрицательные значения.

Padding в CSS.

Поля в CSS определяют пространство между границей элемента и его содержимым. Поля в CSS не могут принимать отрицательные значения. Все основные параметры для управления полями и их допустимые значения вы можете видеть в таблице ниже:

Параметр
Описание
Значения
padding позволяет задать все поля одновременно padding – top
padding – right
padding – bottom
padding – left
padding – bottom позволяет задать нижнее поле length
%
padding – left изменяет левое поле length
%
padding – right изменяет правое поле length
%
padding – top изменяет верхнее поле length
%

Padding в CSS позволяет более точно позиционировать элемент внутри своих границ, хотя данный метод может быть вполне заменен использованием отступов.

Следующий урок — заключительный. В нем мы подведем итоги изучения CSS.