Заполнение элемента — это пространство между его содержимым и его границей. Свойство CSS «Заполнение снизу» используется для задания высоты области заполнения в нижней части элемента.
Синтаксис:
padding-bottom: length|percentage;
Значения свойств:
- length (длина): Это значение используется для указания размера заполнения в качестве фиксированного значения. Значение по умолчанию равно 0. Оно должно быть неотрицательным.
Синтаксис:
padding-bottom: length;
Пример:
<!DOCTYPE html>
<html>
<head>
<title>CSS padding-bottom Property</title>
<style>
p.geek {
padding-bottom: 35px;
color: white;
background: green;
}
</style>
</head>
<body style = "text-align: center;">
<h1 style = "color: green;">GeeksforGeeks</h1>
<h2>padding-bottom Property</h2>
<!-- Below paragraph element has a
padding-bottom of 35px -->
<p class="geek">
This paragraph has a padding-bottom: 35px;
</p>
</body>
</html>
Выход:
- percentage (процент): Этот тип значения используется для указания нижнего отступа в процентах от ширины элемента. Оно должно быть неотрицательным.
Синтаксис:
padding-bottom: percentage;
Пример:
<!DOCTYPE html>
<html>
<head>
<title>CSS padding-bottom Property</title>
<style>
p.geek {
padding-bottom: 10%;
color: white;
background: green;
}
</style>
</head>
<body style = "text-align: center;">
<h1 style = "color: green;">GeeksforGeeks</h1>
<h2>padding-bottom Property</h2>
<!-- Below Paragraph element has a
padding-bottom of 10% -->
<p class="geek">
This paragraph has a padding-bottom: 10%;
</p>
</body>
</html>
Выход:
Поддерживаемые браузеры: Ниже перечислены браузеры, поддерживаемые свойством заполнения снизу:
- Google Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- Opera 3.5
- Apple Safari 1.0