Каскадные таблицы стилей CSS. Захаркина В.В. - 18 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

34
inset (вдавленный блок),
outset (выпуклый блок)
border-style
список значений стиля линий,
разделенных пробелами
border-top
border-right
border-bottom
border-left
список значений ширины, стиля и цвета
линий, разделенных пробелами
border
список значений ширины, стиля и цвета
линий, разделенных пробелами;
применяется сразу ко всем границам
Указание значений по умолчанию в приведенной выше таблице
сделало бы ее слишком громоздкой. Проще привести резюме по
многочисленным свойствам блока:
• Для всех свойств, связанных с полями (margin) и отступами
(padding), значением по умолчанию является 0.
• Размер границы (width) для всех свойств группы border по
умолчанию имеет значение medium.
•
NB! Стиль границы (style) для всех свойств группы border по
умолчанию имеет значение none.
Итак, по умолчанию граница не отображается, значит без задания
этому свойствe значения, отличного от умолчания (none) все
прочие свойства границы (цвет, размер) не повлияют на
отображение блока
Пример задания стенографического свойства border. Описывается
двойное обрамление розового цвета
толщиной 2 пиксела.
{ border: pink double 2px }
Пример задания стенографического свойства margin. Описываются
поля размера 10px сверху, 20px справа, 10px снизу и 30px слева.
{ margin: 10px 20px 10px 30px; }
35
Позиционирование
position – алгоритм позиционирования
top – вертикальное смещение блока относительно верха контейнера
right – горизонтальное смещение блока относительно правой
границы контейнера
bottom – вертикальное смещение блока относительно низа
контейнера
left – горизонтальное смещение блока относительно левой границы
контейнера
float – задает смещение блока, вследствие чего блок будет
обтекаться текстом контейнера
clear – задает управление потоком после смещенного блока
z-index – позиционный уровень блока; блок с большим свойством
z-index располагается над блоком с меньшим свойством z-index
display – тип структурного блока, порождаемого HTML-
элементом, которому приписано данное свойство стиля; говоря чуть
более человеческим языком, это свойство указывает на поведение и,
следовательно, отображение данного HTML-элемента.
Например, значение display:inline заставляет элемент
(насколько это возможно) встраиваться в
строку данных; значение
display:block выводит его с новой строки и позволяет задать
элементу свойства блока; значение display:none исключает
элемент из потока и вообще не показывает его и т.д.
Свойство
стиля
Значения Знач. по
умолчанию
position
static - обычный блок, заданные свойства
top и left игнорируются;
relative - свойства top и left смещают блок
относительно его нормального положения в
общем потоке данных;
static

Страницы