Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
28
Добавлен:
16.04.2013
Размер:
468.99 Кб
Скачать

5.5.6 Установка верхнего отступа ('padding-top').

Значение: <length> | <percentage>

По умолчанию: 0

Область применения: все элементы

Наследование: нет

Процентное выражение: по отношению к ширине родительских элементов

Это свойство определяет величину верхнего отступа элемента.

BLOCKQUOTE { padding-top: 0.3em }

Отрицательные значения для отступа не допускаются.

5.5.7 Установка правого отступа ('padding-right').

Значение: <length> | <percentage>

По умолчанию: 0

Область применения: все элементы

Наследование: нет

Процентное выражение: по отношению к ширине родительских элементов

Это свойство определяет величину правого отступа элемента.

BLOCKQUOTE { padding-right: 10px }

Отрицательные значения для отступа не допускаются.

5.5.8 Установка нижнего отступа ('padding-bottom').

Значение: <length> | <percentage>

По умолчанию: 0

Область применения: все элементы

Наследование: нет

Процентное выражение: по отношению к ширине родительских элементов

Это свойство определяет величину нижнего отступа элемента.

BLOCKQUOTE { padding-bottom: 2em }

Отрицательные значения для отступа не допускаются.

5.5.9 Установка левого отступа ('padding-left').

Значение: <length> | <percentage>

По умолчанию: 0

Область применения: все элементы

Наследование: нет

Процентное выражение: по отношению к ширине родительских элементов

Это свойство устанавливает величину левого отступа элемента..

BLOCKQUOTE { padding-left: 20% }

Отрицательные значения для отступа не допускаются.

5.5.10 Установка обобщающего свойства " отступ" ('padding').

Значение: [ <length> | <percentage> ]{1,4}

По умолчанию: 0

Область применения: все элементы

Наследование: нет

Процентное выражение: по отношению к ширине родительских элементов

Свойство "отступ" является обобщающим для установки свойств верхнего, правого, нижнего и левого отступа в одном правиле таблицы стилей.

Если явно указаны четыре значения, они применяются соответственно к верхнему, правому, нижнему и левому отступу. Если явно указано только одно значение, оно применяется ко всем сторонам, если два или три, то отсутствующие значения принимаются по значениям противоположной стороны.

Поверхность отступа определяется с помощью свойства "фон" ('background'):

H1 {

background: white;

padding: 1em 2em;

}

В вышеприведенном примере устанавливается горизонтальный отступ величиной '1em' (правый и левый) и вертикальный отступ величиной '2em' (верхний и нижний). Величина 'em' определяется относительно размера шрифта элемента: 1em соответствует размеру применяемого шрифта.

Отрицательные значения для отступа не допускаются.

5.5.11 Установка ширины верхней рамки ('border-top-width').

Значение: thin | medium | thick | <length>

По умолчанию: 'medium'

Область применения: all элементы

Наследование: нет

Процентное выражение: неопр.

Это свойство определяет ширину верхней рамки элемента. Ширина, определяемая зарезервированным словом, зависит от UA, но при этом выдерживается зависимость: 'thin' меньше, чем 'medium', а последнее меньше, чем 'thick'.

Ширина рамки, определенная с помощью зарезервированного слова, является для документа величиной постоянной:

H1 { border: solid thick red }

P { border: solid thick blue }

В вышеуказанном примере у элементов 'H1' и 'P' будет та же самая рамка независимо от размера шрифта. Чтобы установить относительную ширину, можно использовать единицы 'em':

H1 { border: solid 0.5em }

Величина рамки не может быть отрицательной.