Свойства отступов

Свойства отступов

Свойства отступов позволяют задать ширину области отступов блока.

Всего существует четыре свойства отступов: padding-top, padding-right, padding-bottom и padding-left, которые задают верхний, правый, нижний и левый отступы соответственно. Эти свойства можно комбинировать. Свойства padding могут принимать одно из следующих значений.

• «длина» – вы указываете фиксированную ширину поля.

• «проценты» – вы указываете значения поля в процентах. Процентное соотношение вычисляется относительно ширины сгенерированного блока.

В отличие от свойств поля свойства отступов не могут принимать отрицательные значения, и для них не может быть задано значение auto. Как и для свойств поля, процентные соотношения, задаваемые для свойств отступов, вычисляются относительно ширины сгенерированного блока.

Свойство padding является сокращенной записью всех четырех свойств отступов: padding-top, padding-right, padding-bottom и padding-left. Свойство padding работает, как и сокращенная запись для полей. Если свойство принимает только одно значение, то оно применяется ко всем отступам. Если свойство принимает два значения, то первое применяется к верхнему и нижнему отступам, а второе – к правому и левому отступам. Если оно принимает три значения, то первое значение применяется к верхнему, второе – к левому и правому, а третье – к нижнему отступу. Если свойство принимает четыре значения, то они применяются к верхнему, правому, нижнему и левому отступам соответственно.

Фон отступов будет использовать цвет или изображение, заданные этому элементу с помощью свойства background:

h1 {

background: white;

padding: 1em 2em;

}

В приведенном примере ширина вертикальных (padding-top и padding-bottom) и горизонтальных (padding-right и padding-left) отступов устанавливается равной 1 em и 2 em соответственно. Напомню, что единица измерения em задается относительно размера шрифта элемента: 1 em равен размеру используемого шрифта.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Свойства, доступные только для чтения, и свойства, доступные только для записи

Из книги Язык программирования С# 2005 и платформа .NET 2.0. [3-е издание] автора Троелсен Эндрю

Свойства, доступные только для чтения, и свойства, доступные только для записи При создании типов класса можно создавать свойства, доступные только для чтения. Для этого просто создайте свойство без соответствующего блока set. Точно так же, если вы хотите иметь свойство,


Свойства папки

Из книги Реестр Windows автора Климов А

Свойства папки Если вы хотите удалить пункт Свойства папки из меню Проводника, а также из Панели управления, то откройте разделHKEY_CURRENT_USERSoftwareMicrosoftWindowsCurrentVersionPoliciesExplоrer и создайте параметр NoFolderOptions типа DWORD со значением, равным 1.После перезагрузки пункт Свойства папки


1.1.6. Свойства

Из книги Интернет решения от доктора Боба автора Сворт Боб

1.1.6. Свойства TUUCode компонент имеет восемь опубликованных свойств (мы здесь опустим описание обработчиков событий):Свойство About содержит информацию о правах и версии.Свойство Active может использоваться для вызова преобразования UUCode во время разработки (design time), подобно


Свойства

Из книги Справочник по JavaScript автора Коллектив авторов

Свойства Прежде всего надо отметить, что объект document существует в единственном экземпляре для всего HTML-документа. Он присутствует всегда, если существует HTML-документ, поэтому специально создавать его не требуется.activeElementИспользуется в сценарии для получения ссылки на


Свойства

Из книги HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. автора Дронов Владимир

Свойства Объект window представляет текущее окно Web-обозревателя или отдельный фрейм, если окно разделено на фреймы.closedВозвращает true, если текущее окно закрыто. Может быть использовано при работе с несколькими окнами.defaultStatusСообщение по умолчанию, отображаемое в строке


Свойства

Из книги HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов автора Дронов Владимир

Свойства aboveВозвращает ссылку на слой, находящийся над текущим (т.е. выше в z-последовательности). Если таких нет, возвращается null.backgroundСсылка но объект Image, представляющий фоновый ресунок текущего слоя. Вы можете использовать свойство src этого объекта для задания или


Параметры отступов

Из книги VBA для чайников автора Каммингс Стив

Параметры отступов Стандарт CSS предлагает средства для создания отступов двух видов.1. Отступ между воображаемой границей элемента Web-страницы и его содержимым — внутренний отступ. Такой отступ принадлежит данному элементу Web-страницы, находится внутри его.2. Отступ


Параметры отступов и рамок

Из книги AutoCAD 2008 для студента: популярный самоучитель автора Соколова Татьяна Юрьевна

Параметры отступов и рамок Для задания отступов мы можем пользоваться атрибутами стиля, знакомыми нам по главе 11.— Для задания внутренних отступов между содержимым ячейки и ее границей — атрибутами стиля padding-left, padding-top, padding-right, padding-bottom и padding.— Для задания внешних


Параметры отступов

Из книги Firebird РУКОВОДСТВО РАЗРАБОТЧИКА БАЗ ДАННЫХ автора Борри Хелен

Параметры отступов Стандарт CSS предлагает средства для создания отступов двух видов.1. Отступ между воображаемой границей элемента Web-страницы и его содержимым — внутренний отступ. Такой отступ принадлежит данному элементу Web-страницы, находится внутри его.2. Отступ


Параметры отступов и рамок

Из книги Недокументированные и малоизвестные возможности Windows XP автора Клименко Роман Александрович

Параметры отступов и рамок Для задания отступов мы можем пользоваться атрибутами стиля, знакомыми нам по главе 11.— Для задания внутренних отступов между содержимым ячейки и ее границей — атрибутами стиля padding-left, padding-top, padding-right, padding-bottom и padding.— Для задания внешних


Правила для отступов

Из книги Установка, настройка и восстановление Windows 7 на 100% автора Ватаманюк Александр Иванович

Правила для отступов В каких же строках программного кода следует сделать отступ и какой по величине? Нужно установить отступы одного размера для связанных по смыслу операторов, чтобы связь между такими операторами была зрительно очевидной. Конкретнее говоря,


Свойства солнца

Из книги Описание языка PascalABC.NET автора Коллектив РуБоард

Свойства солнца Настройка солнечного освещения осуществляется командой SUNPROPERTIES, вызываемой из падающего меню View ? Render ? Light ? Sun Properties или щелчком на пиктограмме Sun Properties на панели инструментов Lights или Render. При этом загружается палитра свойств солнца SUN PROPERTIES


Свойства ACID

Из книги автора

Свойства ACID Сейчас прошло уже более 20 лет с того времени, как два исследователя, Тэо Хедер (Theo Haerder) и Андреас Рютер (Andreas Reuter), опубликовали обзор, описывающий поддержание целостности базы данных в параллельно изменяемой среде. Они объединили требования в четыре правила,


Свойства WMI

Из книги автора

Свойства WMI Для работы оснастки Управляющий элемент WMI необходимо, чтобы в системе был зарегистрирован GUID-номер {5C659257-E236-11D2-8899-00104B2AFB46}. Именно этот GUID-номер и идентифицирует настройки оснастки Управляющий элемент WMI. Эта оснастка входит в состав консоли Инфраструктура


Свойства обозревателя

Из книги автора

Свойства обозревателя Как и в предыдущих версиях операционной системы, в Windows 7 также есть механизм настройки браузера Internet Explorer. Используя его, вы можете менять множество параметров, влияющих на отображение информации, защиту от вредоносного кода, блокирование