You are currently viewing CSS padding-bottom Property

CSS padding-bottom Property

Заполнение элемента — это пространство между его содержимым и его границей. Свойство 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