list-style-image
Задает графическое изображение, отображаемое в качестве маркера позиции списка. Имеет приоритет над атрибутом list-style-type.
list-style-image: none|url({Интернет-адрес файла изображения});
Если задано предопределенное значение none, то стиль маркера берется из установок атрибута list-style-type, если он задан, или отображается маркер по умолчанию. Если задан интернет-адрес файла изображения, то оно отображается в качестве маркера, перекрывая установки атрибута list-style-type.
Значение по умолчанию none.
Поддерживается IE начиная с 4.0
list-style-position
Задает местонахождение маркера позиции списка: в тексте позиции или вне его.
list-style-position: outside|inside;
Доступны два значения. Значение outside (по умолчанию) задает отображение маркера позиции списка вне текста позиции. Значение же inside заставляет Web-обозреватель отобразить маркер позиции в ее тексте в качестве первого символа.
Поддерживается IE начиная с 4.0
list-style-type
Задает тип маркера или номер позиции списка.
list-style-type: disc|circle|square|decimal|lower|roman|upper-roman|lower-alpha|upper-alpha|none;
Поддерживается IE и NN начиная с 4.0
Принтер
page-break-after
Устанавливает, будет ли после текущего элемента при печати Web-страницы производиться прогон листа.
page-break-after: auto|always|empty string;
Поддерживается IE начиная с 4.0
page-break-before
Устанавливает, будет ли перед текущего элемента при печати Web-страницы производиться прогон листа.
page-break-before: auto|always|empty string;
Поддерживается IE начиная с 4.0
Псевдостили гиперссылок
Псевдостили применяются к гиперссылкам <A>.
active
Применяется к активным гиперссылкам, т.е. гиперссылкам, на которых находится фокус ввода пользователя.
{Задание стиля гиперссылки}:active {Определение стиля};
Аналогичен атрибуту alink тега <BODY>.
Пример:
A:active {color: lime;}
активная гиперссылка будет ярко-зеленой.
По умолчанию в IE активные гиперссылки выделяются красным цветом.
Поддерживается IE начиная с 4.0
hover
Применяется к гиперссылкам, когда пользователь помещает над ними курсор мыши.
{Задание стиля гиперссылки}:hover {Определение стиля};
Пример:
A:hover {color: lime; text-decoration: none;}
Гиперссылка, при наведении на нее мыши, будет ярко-зеленой и неподчеркнутой.
По умолчанию в IE гиперссылки подчеркиваются, когда пользователь помещает над ними курсор мыши.
Поддерживается IE начиная с 4.0
link
Применяется к не посещенным еще пользователем гиперссылкам.
{Задание стиля гиперссылки}:link {Определение стиля};
Аналогичен атрибуту link тега <BODY>.
Пример:
A:link {color: black;}
По умолчанию в IE непосещенные гиперссылки отображаются синим цветом.
Поддерживается IE начиная с 3.02
visited
Применяется к уже посещенным пользователем гиперссылкам.
{Задание стиля гиперссылки}:visited {Определение стиля};
Аналогичен атрибуту vlink тега <BODY>.
Пример:
A:link {color: indigo;}
По умолчанию в IE посещенные гиперссылки отображаются бордовым цветом.
Поддерживается IE начиная с 3.02
Псевдостили текста
Псевдостили применяются некоторым элементам текстовых абзацев, например, к первой строке абзаца или первой букве первой строки.
first-letter
Применяется к первой букве первой строки абзаца. Может использоваться для создания буквиц.
{Задание стиля абзаца}:first-letter {Определение стиля};
Пример:
st:first-letter {font-size: 16pt;}
По умолчанию в IE первые буквы первых строк абзацев никак не выделяются.
Поддерживается IE начиная с 5.0
first-line
Применяется к первой строке абзаца.
{Задание стиля абзаца}:first-line{Определение стиля};
Пример:
st:first-line {text-decoration: underline;}
По умолчанию в IE первые строки абзацев никак не выделяются.
Поддерживается IE начиная с 5.0
Правила
Правила используются в таблицах стилей для особых нужд.
charset
Задает текстовую кодировку для внешней таблицы стилей.
@charset {Кодировка};
Пример:
@charset "windows-1251";
Может использоваться только во внешних таблицах стилей; должна быть первой строкой в файле.
Поддерживается IE начиная с 4.0
font-face
Задает файл загружаемого шрифта для использования на Web-странице.
@font-face {Определение загружаемого шрифта};
Определение загружаемого шрифта имеет следующий формат:
font-family: {Имя шрифта}
src: url({Интернет-адрес файла шрифта}) }
Пример:
@font-face {font-family: comic;src: url(http://www.youodmain.ru/comic_font_file.eot); }
Поддерживается IE начиная с 4.0
import
Импортирует внешную таблицу стилей.
@import url("{Интернет-адрес файла таблицы стилей}");
Пример:
@import url("http://www.spravkaweb.ru/style_file.css");
Поддерживается IE начиная с 4.0
page
Используется при задании размеров, ориентаций и полей печатной страницы в таблице стилей.
@page {Селектор страницы} {Правила}
Селектор страницы может принимать одно из трех значений:
Пример:
@page :first {margin-top: 2cm; margin-bottom: 2cm;}
Здесь мы задали для первой печатной страницы поля по два сантиметра сверху и снизу.
Поддерживается IE начиная с 5.5
important
Используется для задания неперекрываемых установок стиля.
{Установки слиля}!important
Пример:
<STYLE>P { color: red !important} </STYLE> <P style="color: green">Этот текст останется красным.</P>
Здесь установки, сделанные для текстового абзаца <P>, не будут перекрыты в дальнейшем.
Поддерживается IE начиная с 4.0
Фильтры в Internet Explorer
Пару вводных слов
Надо отметить, что фильтры отображаются только в браузерах Internet Explorer не ниже 4-ой версии.
Синтаксис:
"filter:имя_фильтра(параметр1=значение, параметр2=значение,...)"
Некоторые фильтры могут быть без параметров.
Фильтры деляться на статические и динамические. Статические фильтры меняют вид объекта, а сам он остается неподвижным. Динамические фильтры позволяют менять объект с задаваемой скоростью переключения кадров.
Далее будут мною описаны 18 статических и 19 динамических фильтра.
Фильтры применяют через параметр STYLE:
Возьмём картинку (img.gif) и применим к ней фильтр прозрачности:
<IMG SRC=img.gif STYLE="filter:alpha(opacity=50)">