Свойство CSS Padding используется для создания пространства вокруг содержимого внутри элемента. Он определяет расстояние между содержимым и границей элемента. Вот несколько способов использования свойства CSS-дополнения:

1. Базовые отступы: вы можете установить отступы со всех сторон элемента, используя одно значение. Например:

   .element {
   padding: 10px;
   }

   При этом будет применено отступы толщиной 10 пикселей со всех сторон (сверху, справа, снизу и слева) элемента.

2. Отдельные стороны: вы можете установить разные значения отступов для каждой стороны элемента. Например:

   .element {
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 15px;
   padding-left: 5px;
   }

   При этом к каждой стороне элемента будут применены разные значения отступов.

3. Сокращенная запись: вы можете использовать сокращенную запись, чтобы установить значения заполнения для всех сторон одновременно или указать разные значения для каждой стороны. Например:

   .element {
   padding: 10px 20px 15px 5px;
   }

   Значения заполнения будут установлены в порядке сверху, справа, снизу и слева.

4. Процентные значения. Вы также можете использовать процентные значения для заполнения. Это рассчитает заполнение относительно ширины содержащего элемента. Например:

   .element {
   padding: 5%;
   }

   Это устанавливает отступ в размере 5 % от ширины содержащего элемента.

5. Заполнение отрицательными значениями. Для заполнения также можно использовать отрицательные значения. Это можно использовать для перекрытия соседних элементов или регулировки позиционирования контента. Например:

   .element {
   padding: -10px;
   }

   Это создаст перекрытие в 10 пикселей между элементом и соседними элементами.