Litra Library
Главная » Статьи » WEB » Свойства CSS
WHITE-SPACE
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Част. Част. Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Част. - поддерживается частично.

Краткая информация

CSS CSS1
Значение по умолчанию normal
Наследование Да
Применяется К блочным элементам
Аналог HTML <PRE>, <NOBR>
Ссылка на спецификацию http://www.w3.org/TR/CSS21/text.html#propdef-white-space

Описание

Параметр white-space задает поведение пробелов между словами. В обычных условиях любое количество пробелов в коде HTML показывается на web-странице как один. Исключением является тег <PRE>, помещенный в этот контейнер текст выводится со всеми пробелами, как он был отформатирован пользователем. То есть, white-space имитирует работу тега <PRE>, но в отличие от него не меняет шрифт на моноширинный.

Синтаксис

white-space: normal | nowrap | pre

Аргументы

normal Текст в окне браузера выводится как обычно, переносы строк устанавливаются автоматически.
nowrap Переносы строк в коде HTML игнорируются, весь текст отображается одной строкой,
вместе с тем, добавление тега <BR> переносит текст на новую строку.
pre Текст показывается с учетом всех пробелов и переносов, как они были добавлены разработчиком в коде HTML. Если строка получается слишком длинной и не помещается в окне браузера, то будет добавлена горизонтальная полоса прокрутки.

Пример

Валидный HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>white-space</title>
<style type="text/css">
P.sample {
 border: 1px dashed #634f36; /* Параметры рамки */
 background: #fffff5; /* Цвет фона */
 font-family: "Courier New", Courier, monospace; /* Семейство шрифта */
 padding: 7px; /* Поля вокруг текста */
 margin: 0px 0px 1em; /* Отступы */
 white-space: pre; /* Учитываются все пробелы и переносы */
}

P.sampleTitle {
 border: 1px solid black; /* Параметры рамки */
 border-bottom: none; /* Убираем линию снизу */
 padding: 3px; /* Поля вокруг текста */
 display: inline; /* Отображать как встроенный элемент */
 background: #efecdf; /* Цвет фона */
 font-weight: bold; /* Жирное начертание */
 font-size: 90%; /* Размер шрифта */
 margin: 0px; /* Убираем отступы */
 white-space: nowrap; /* Переносов в тексте нет */
}
</style>
</head>
<body>

<p class="sampleTitle">Пример</p>
<p class="sample">
&lt;html&gt;
 &lt;body&gt;
  &lt;b&gt;Великая теорема Ферма&lt;/b&gt;&lt;br&gt;
  &lt;i&gt;X &lt;sup&gt;&lt;small&gt;n&lt;/small&gt;&lt;/sup&gt;
  + Y &lt;sup&gt;&lt;small&gt;n&lt;/small&gt;&lt;/sup&gt; =
  Z &lt;sup&gt;&lt;small&gt;n&lt;/small&gt;&lt;/sup&gt;&lt;/i&gt;&lt;br&gt;
  где n - целое число &gt; 2
 &lt;/body&gt;
&lt;/html&gt;
</p>

</body>
</html>
Категория: Свойства CSS | Добавил: expert1 (31.01.2013)
Просмотров: 320 | Теги: CSS, свойства | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^