Litra Library
Главная » Статьи » WEB » Свойства CSS
BEFORE
Браузер 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 CSS2
Значение по умолчанию Нет
Наследование Нет
Применяется Ко всем элементам
Аналог HTML Нет
Ссылка на спецификацию http://www.w3.org/TR/CSS21/selector.html#before-and-after

Описание

Псевдоэлемент before применяется для отображения желаемого контента до элемента, к которому он добавляется. Псевдоэлемент before работает совместно с атрибутом content.

Для before характерны следующие особенности.

  1. Используя добавление before к блочному элементу, значение свойства display может быть только: block, inline, none, marker. Другие значения будут трактоваться как block.
  2. Используя добавление before к встроенному элементу, значение display ограничено аргументами inline и none. Другое будет восприниматься как inline.
  3. Стилевые свойства before наследуются от элемента, к которому он добавляется.

Синтаксис

Элемент:before { content: "текст" }

Аргументы

Нет.

Пример

Валидный 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>before</title>
<style type="text/css">
li:before {
 content: "¶ "; /* Добавляем желаемый символ перед элементом списка */
}
li {
 list-style: none; /* Убираем исходные маркеры */
}
</style>
</head>
<body>
Российские города-миллинники:<br>
<ul type="circle">
<li>Москва</li>
<li>Санкт-Петербург</li>
<li>Новосибирск</li>
<li>Екатеринбург</li>
<li>Нижний Новгород</li>
<li>Самара</li>
<li>Омск</li>
<li>Казань</li>
<li>Челябинск</li>
<li>Ростов-на-Дону</li>
<li>Уфа</li>
</ul>
</body>
</html>
Категория: Свойства CSS | Добавил: expert1 (31.01.2013)
Просмотров: 340 | Теги: CSS, свойства | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

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