Блог

Главная - CSS язык разметки - CSS | padding-left Property
You are currently viewing CSS | padding-left Property

CSS | padding-left Property

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

Синтаксис:

padding-left: length|percentage|initial|inherit;

Значения свойств:

  • length (длина): Этот режим используется для указания размера заполнения в качестве фиксированного значения. Значение по умолчанию равно 0. Оно должно быть неотрицательным.

Синтаксис:

padding-left: length;

Пример:

<!DOCTYPE html>
<html>
	<head>
		<title>
			padding-left Property
		</title>
		<style>
			.geek {
				padding-left: 90px;
				color: white;
				background: green;
			}
		</style>
	</head>
	
	<body>
		<h1 style = "color: green; text-align:center">
			GeeksforGeeks
		</h1>
		
		<h2 style = "text-align:center">
			padding-left Property
		</h2>
		
		<!-- padding-left property used here -->
		<p class="geek">
			This paragraph has a padding-left: 90px;
		</p>
	</body>
</html>

Выход:

  • percentage (процент): Этот режим используется для указания левого отступа в процентах от ширины элемента. Оно должно быть неотрицательным.

Синтаксис:

padding-left: percentage;

Пример:

<!DOCTYPE html>
<html>
	<head>
		<title>
			padding-left Property
		</title>
		<style>
			.geek {
				padding-left: 25%;
				color: white;
				background: green;
			}
		</style>
	</head>
	
	<body>
		<h1 style = "color: green; text-align:center">
			GeeksforGeeks
		</h1>
		
		<h2 style = "text-align:center">
			padding-left Property
		</h2>
		
		<!-- padding-left property used here -->
		<p class = "geek">
			This paragraph has a padding-left: 25%;
		</p>
	</body>
</html>

Выход:

  • initial (начальное): Это свойство используется для установки значения отступа слева по умолчанию.

Синтаксис:

padding-left: initial;

Поддерживаемые браузеры: Ниже перечислены браузеры, поддерживаемые свойством заполнения слева:

  • Google Chrome 1.0
  • Internet Explorer 4.0
  • Firefox 1.0
  • Opera 3.5
  • Apple Safari 1.0
Метки: