Студопедия

КАТЕГОРИИ:

АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника


Синтаксис. padding: [значение | проценты] {1, 4} | inherit Число значений Результат Поля будут установлены одновременно от каждого края элемента.




padding: [значение | проценты] {1, 4} | inherit

Число значений Результат
Поля будут установлены одновременно от каждого края элемента.
Первое значение устанавливает поля от верхнего и нижнего края, второе — от левого и правого.
Первое значение задает поле от верхнего края, второе — одновременно от левого и правого края, а третье — от нижнего края.
Поочередно устанавливается поля от верхнего, правого, нижнего и левого края.
ПРИМЕР<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>padding</title> <style> .layer { background: #fc3; /* Цвет фона */ border: 2px solid black; /* Параметры рамки */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class="layer"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </div> </body></html>

padding-bottom -Устанавливает значение поля от нижнего края содержимого элемента.

Синтаксис.padding-bottom: значение | inherit

padding-left - Устанавливает значение поля от левого края содержимого элемента.Синтаксис. padding-left: значение | проценты | inherit

padding-right - Устанавливает значение поля от правого края содержимого элемента.Синтаксис. padding-right: значение | inherit

Padding-top - Устанавливает значение поля от верхнего края содержимого элемента.

Синтаксис. padding-top: значение | inherit

Отступы.

Margin - Устанавливает величину отступа от каждого края элемента.

Margin-bottom - Устанавливает величину отступа от нижнего края элемента.

Margin-left - Устанавливает величину отступа от левого края элемента.

Margin-right - Устанавливает величину отступа от правого края элемента.

Margin-top - Устанавливает величину отступа от верхнего края элемента.

Границы.

Border - Позволяет одновременно установить толщину, стиль и цвет границы вокруг элемента.

Border-left - Позволяет одновременно установить толщину, стиль и цвет левой границы элемента.

Border-right - Позволяет одновременно установить толщину, стиль и цвет правой границы элемента.

Border-top - Позволяет одновременно установить толщину, стиль и цвет границы сверху элемента.

Border-width - Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны.

 


Поделиться:

Дата добавления: 2015-04-18; просмотров: 119; Мы поможем в написании вашей работы!; Нарушение авторских прав





lektsii.com - Лекции.Ком - 2014-2024 год. (0.005 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав
Главная страница Случайная страница Контакты