Inline При этом значении свойства элемент порождает один или несколько строковых блоков.

list-item При этом значении свойства элемент (например, LI в HTML) порождает главный структурный блок и строковый блок элемента списка. Информацию о списках и примерах форматирования списков можно найти в разделе о списках.

marker При этом значении свойства генерируемое содержимое, располагающееся до или после блока, становится маркером. Данное значение должно использоваться только с псевдоэлементами :before и :after, прикрепленным к элементам структурного уровня. В остальных случаях данное значение интерпретируется как 'inline'. Дополнительную информацию можно найти в разделе о маркерах.

none При этом значении свойства элемент не порождает ни одного блока в структуре форматирования (т.е. элемент никак не влияет на отображение документа). Потомки этого элемента тем более не будут порождать никаких блоков, даже если для их свойства 'display' установлено другое значение. Обратите внимание, что в результате использования значения 'none' не создается вообще никакого блока, в том числе и невидимого. В CSS имеются такие механизмы, которые позволяют элементам порождать в структуре форматирования определенные блоки, влияющие на форматирование, но при этом явно не отображаемые. Подробную информацию можно найти в разделе о видимости.

run-in и compact Эти значения свойства в зависимости от контекста создают структурный или строковый блок. Применение свойства к инициальному или компактному блоку осуществляется, исходя из его окончательного статуса (является ли он строковым или структурным блоком). Например, свойство 'white-space' применимо, только если блок становится структурным.

table, inline-table, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell и table-caption При этих значениях свойства элемент ведет себя как элемент таблицы.

Необходимо помнить, что хотя в качестве начального значения свойства 'display' используется значение 'inline', правила, содержащиеся в таблице стилей, используемой агентом пользователя по умолчанию, могут переназначить его. Подробную информацию можно найти в приложении при рассмотрении примера таблицы стилей для HTML 4.0. Примеры: P { display: block }

EM { display: inline }

LI { display: list-item }

IMG { display: none } /* Не отображать графику */

Конформные агенты пользователей, управляющие отображением HTML-документов, могут игнорировать свойство 'display'.

23)Блочные и строковые елементы. Cвойство float. Свойство clear.

Блочные элементы. Спецификация W3C CSS2 определяет блочные элементы, как элементы, которые отформатированы визуально как блоки. Другими словами блочные элементы характерны переносом на новую строку перед и после элемента. К блочным элементам, по умолчанию, относятся: параграфы (<p>), заголовки (<H...>), контейнеры (<div>). Inline элементы. Спецификация W3C CSS2 определяет inline элементы, как элементы, которые не являются блоками и отформатированы визуально строкой. Другими словами, inline элементы не характерны переносом на новую строку перед и после элемента.

Cвойство float Описание Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение параметра float равно none, элемент выводится на странице как обычно, самое большое — одна строка обтекающего текста может быть на той же линии, что и сам элемент. Всплывающий бокс обязан иметь явно установленную ширину (назначенную свойством 'width', или свою внутреннюю ширину - в случае замещаемых элементов). Любой всплывающий бокс становится боксом блока, который сдвигается влево или вправо, пока его внешний край не коснётся края содержащего блока или внешнего края другого поплавка. Верх всплывающего бокса выравнивается с верхом текущего строчного бокса (или низом предшествующего бокса блока, если отсутствует строчный бокс). Если для поплавка не хватает горизонтального пространства на текущей строке, он сдвигается вниз строка за строкой, пока строка не получит достаточно пространства для него. Пока поплавок не всплыл, непозиционированные боксы блока, созданные до и после всплывающего бокса, всплывают вертикально, как будто поплавка не существует. Однако строчные боксы, созданные сразу после поплавка, уменьшаются, чтобы дать пространство для всплывающего бокса. Любое содержимое на текущей строке до всплывающего бокса перерисовывается на первой доступной строке с противоположной стороны поплавка. Рассмотрим следующую ситуацию: Ограничения float Для завершения обтекания нужно использовать свойство clear. float - задает по какой стороне контейнера будет выравниватся элемент, а остальные элементы будут обтекать его с другой стороны. Синтаксис:

img {float:left | right | none;}

left - прижимает элемент к левой стороне контейнера в котором обьект распологается, остальные элементы будут его обтекать с правой стороны. right - прижимает элемент к правой стороне контейнера в котором обьект распологается, остальные элементы будут его обтекать с левой стороны. none - обтекание не задается. Управление положением после поплавка: свойство 'clear' 'clear' Значение: none | left | right | both | inherit Начальное: none Применяется: к элементам уровня блока Наследуется: нет Процентное: N/A Носитель: визуальный Это свойство указывает, какие стороны бокса(ов) элемента не могут быть смежными с ранее всплывшим боксом. (Может быть такое, что элемент сам имеет всплывающих потомков; свойство 'clear' не оказывает на них воздействия.) Это свойство может быть специфицировано только для элементов уровня блока (включая поплавки). Для компактных и втягивающихся боксов это свойство применяется к окончательному боксу блока, к которому компактный или втягивающийся бокс принадлежит. Значения имеют следующий смысл при применении к невсплывающим боксам блока: left Верхнее поле генерируемого бокса увеличивается настолько, чтобы верхний край рамки был ниже нижнего внешнего края любого всплывающего влево бокса, являющегося результатом действия предыдущих элементов в документе-источнике. right Верхнее поле генерируемого бокса увеличивается настолько, чтобы верхний край рамки был ниже нижнего внешнего края любого всплывающего вправо бокса, являющегося результатом действия предыдущих элементов в документе-источнике. both Генерируемый бокс перемещается ниже всех всплывающих боксов элементов, появившихся ранее в документе-источнике. none Нет ограничений на позицию бокса относительно поплавков. Если свойство установлено на всплывающие элементы, результатом будет модификация правил позиционирования поплавка. Прибавляется дополнительное условие: * Верхний внешний край поплавка обязан быть ниже нижнего внешнего края всех ранее всплывающих влево боксов (если 'clear: left'), или всех ранее всплывающих вправо боксов (если 'clear: right'), или обоих ('clear: both').