Как реализовать Padding в CSS с примерами



Эта статья предоставит вам подробные и исчерпывающие знания о том, как реализовать Padding в CSS с примерами.

Набивка - один из самых важных аспектов и . В этой статье мы обсудим важность и использование Padding в CSS в следующем порядке:

Что такое Padding в CSS?

Свойство padding позволяет указать, где указать и сколько места должно появиться между текстом содержимого элемента и его границей. Значение этого атрибута должно быть длиной, процентом или словом.





Padding-in-CSS



Если значение унаследовано, оно будет таким же, как и у родительского. Здесь, если используется процент, это процентное значение содержащего поля.

Свойства заполнения

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

  • Прокладка-низ: он определяет нижний отступ элемента.



  • Обивка-верх: Он определяет верхнее заполнение элемента.

  • Отступ слева: Он определяет левый отступ элемента.

  • Отступ справа: Он определяет правое заполнение элемента.

    возведение числа в степень в Java
  • Набивка: Это служит сокращением для других свойств.

Свойство Padding-bottom:

Устанавливается на нижнее заполнение элемента. Может принимать значения в процентах.


Это нижний отступ, указанный в абзаце



Это еще один абзац с указанием нижнего отступа в процентах

Вывод:

Свойство Padding-top

Это свойство padding-top устанавливает верхнее заполнение элемента. Может принимать значения в процентах.


Это верхний отступ, указанный в абзаце



Это еще один абзац с указанием верхнего отступа в процентах

Вывод:

Свойство Padding-left

Это свойство padding-left устанавливает левое заполнение элемента. Может принимать значения в процентах.


Это абзац, указанный слева, заполнение

учебник mysql для начинающих с примерами


Это еще один абзац с указанием левого отступа в процентах

Вывод:

Свойство Padding-right

Это свойство padding-right устанавливает правое заполнение элемента. Может принимать значения в процентах.


Это абзац, указанный справа, заполнение



Это еще один абзац с указанием правого отступа в процентах

talend open studio for data integration tutorial

Вывод:

Свойство заполнения

Это свойство padding устанавливает правое, левое, верхнее и нижнее заполнение. Может принимать значения в процентах.


У всех этих четырех отступов будет 20 пикселей.



Отступ сверху и снизу составит 20 пикселей, справа и слева - 10% от общей ширины документа.



Верхнее и нижнее отступы будут составлять 20 пикселей, правое поле будет составлять 3% от общей ширины документа, нижнее и верхнее отступы будут составлять 20 пикселей.

Вывод:

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

Если вы хотите узнать больше о веб-разработке, ознакомьтесь с пользователя Edureka. Курс по сертификации веб-разработки поможет вам научиться создавать впечатляющие веб-сайты с помощью HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3).

Если вам все еще интересно. Если у вас есть какие-либо вопросы, вы можете опубликовать их в разделе комментариев этого блога «Padding in CSS», и мы свяжемся с вами в ближайшее время.