Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Display Empty-cells

Свойство display

Описание

Свойство display используется для указания способа отображения элемента на странице.

Это свойство применимо ко всем элементам.

Значение

- blok – элемент отображается как блочный,

- inline – элемент отображается как строчный, 

- list-item - элемент отображается как пункт списка и является блочным. В зависимости от списка к элементу добавляется номер списка или маркер,

- none - скрывает элемент со страницы. Другие элементы располагаются на странице так, как-будто он удален.

Следующие значения поддерживаются не всеми браузерами:

- inline-block – элемент  ведет себя  как строчный, а внутреннее форматирование происходит как у блочного,

- table – элемент отображается как табличный. Блочный элемент,

- inline-table - элемент отображается как табличный, но является строчным,

- table-caption - элемент ведет себя как тег <caption>,

- table-cell – элемент ведет себя как теги  <th> и <td>,

- table-column – элемент ведет себя как тег <col>,

- table-row - элемент ведет себя как тег <tr>,

- table-row-group - элемент ведет себя как тег <tbody>,

- table-column-group – элемент ведет себя как тег <colgroup>,

- table-footer-group – элемент ведет себя как тег <tfoot>,

- table-header-group - элемент ведет себя как тег <thead>,

- run-in - элемент ведет себя как блочный или строчный в зависимости от контекста,

- inherit - принимает значение свойства родительского элемента.

О блочных и строчных элементах (подробнее здесь...).

Значение по умолчанию

- inline


Пример

Пример - Свойство display

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство display </title>

<style type="text/css">
.inline{display:inline}
</style>

</head>
<body>
<p class="inline"> Сделаем из абзаца строчный элемент. </p>
<strong> На этой же строке размещен текст, что было бы не возможно в случае с обыкновенным абзацем. </strong>.
</body>
</html>

При просмотре в браузере

Сделаем из абзаца строчный элемент.

На этой же строке размещен текст, что было бы не возможно в случае с обыкновенным абзацем. .


Свойство Direction Свойство Display Свойство Empty-cells
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru