padding

Описание

Свойство CSS padding устанавливает значения полей для элемента. Поле представляет собой расстояние между содержимым элемента и его границей. Padding позволяет задать величину отступа сразу для всех четырех сторон элемента (padding-top, padding-right, padding-bottom и padding-left)

padding
Значения: <фиксированное значение> | <%> | inherit
Начальное значение: 0
Область применения: все элементы
Наследование: нет
Поддержка браузерами: IE 4+, Chrome 1+, Opera 3.5+, Safari 1+, Firefox 1+
Версия CSS: CSS1, CSS2, CSS 2.1, CSS3
Синтаксис JavaScript object.style.padding=»10px»
Примечание:

Синтаксис

padding: [ <фиксированное значение> | <%> ] {1,4}

Значения

<фиксированное значение>
Задается фиксированное значение отступа в px, pt, em и др.
<%>
Задается значение отступа в процентах от ширины элемента
<inherit>
Значение нижнего отступа будет таким же как у родительского элемента

Возможно указывать одно, два, три или четыре значения

  • Одно значение — применяется ко всем четырем сторонам
  • Два значения — 1.верхний и нижний край 2.левая и правая сторона
  • Три значения — 1.верхний край 2.левая и правая сторона 3.нижний край
  • Четыре значения — 1.верхний край 2.правая сторона 3.нижний край 4.левая сторона
Отрицательные значения не поддерживаются. Значение inherit не поддерживает IE7 и более старые версии браузера.

Пример

<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<title>Свойство CSS padding</title>
	<style>
	div {
    width: 300px;
    height: 200px;
	background: #cef;
	border: 1px solid #000;
    padding: 30px;
	</style>
</head>
<body>
<div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam id erat tortor, sagittis hendrerit tortor. Donec sagittis sem ac nunc sodales vitae sodales purus aliquam. Morbi vel lacinia sapien. Nullam ac magna justo. Praesent rhoncus aliquet sem eu tempor. Curabitur id blandit dui. Donec eget purus arcu. Proin a sem sed dolor dictum lobortis at ac tellus. Nam porta sollicitudin pulvinar.
</div>
</body>
</html>

Результат

padding

Комментирование запрещено.