Фильтры можно применить не ко всем элементам HTML-документа а только тем, которые способны определять блок прямоугольного вида при интерпретации браузером и при этом сами не являются окнами. Формат записи фильтра достаточно прост и аналогичен правилам задания свойств элементов с помощью тэга <STYLE>. Запись производится в следующем виде:
filter: название фильтра (параметры)
Браузер Internet Explorer 4.x поддерживает достаточно большое количество фильтров, широкие возможности по настройке которых представляют применение этой технологий в более выгодном свете.
- Фильтр Mask -выделяет текст
- Фильтр Shadow -создает тень
- Фильтр DropShadow -еще один вид тени
- Фильтр FlipH - переворачивает текст горизонтально
- Фильтр FlipV - переворачивает текст вертикально
- Фильтр Glow - сияющий текст
- Фильтр Wave - волнистый текст
- Фильтр Blur - размытие текста
Фильтр Mask
Выделяет текст, как будто бы Вы выделили его мышью.
Синтаксис:
STYLE="filter:Mask(Color='Color')"
Color - цвет выделения в шестнадцатеричном виде (напр. #000FFF) или название цвета на английском, например, Red, Blue, Green. Такое определение цвета применяется во всех фильтрах, поэтому дальше это повторяться не будет.
Пример:
<P STYLE="filter:Mask(Color='Red'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center;"> Информатика</P>
Фильтр Shadow
Создает тень текста
Синтаксис:
STYLE="filter:Shadow(Color='Color', Direction='Direction')"
Color - цвет тени.
Direction - направление тени (от 0 до 315).
Пример:
<P STYLE="filter:Shadow(Color='#000000', Direction='130'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Информатика</P>
Фильтр DropShadow
Добавляет тень к тексту.
Синтаксис:
STYLE="filter:DropShadow(Color='Color', OffX='Offx', OffY='Offy', Positive='Positive')"
Color - Цвет тени
OffX - Смещение тени по X
OffY - Смещение тени по Y
Positive - Тень слева или справа (0 или 1 соответственно)
Пример:
<P STYLE="filter:DropShadow(Color='#7FFF00',OffX='3',OffY='3',Positive='1'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Green;">
Информатика</P>
Фильтр FlipH.
Переворачивает текст горизонтально.
Синтаксис:
STYLE="filter:FlipH"
Пример:
<P STYLE="filter:FlipH; width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Информатика</P> 
Фильтр FlipV
Переворачивает текст вертикально.
Синтаксис:
STYLE="filter:FlipV"
Пример: <P STYLE="filter:FlipV; width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Информатика</P>
Фильтр Glow
Создает эффект сияния.
Синтаксис:
STYLE="filter:Glow(Strength='Strength', Color='Color')"
Strength - сила, с которой текст засияет (0-100)
Color - цвет, которым текст засияет.
Пример:
<P STYLE="filter:Glow(Strength='3', Color='#FF4500'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: DarkGreen;"> Информатика</P>
Фильтр Wave
Делает текст волнистым.
Синтаксис:
STYLE="filter: Wave(Freq='Freq', Add='Add', LightStrength='LightStrength', Phase='Phase', Strength='Strength')"
Freq – задает количество максимумов в волне искривления объекта.
Add – определяет необходимость добавления исходного вида объекта в его отфильтрованную интерпретацию.
LightStrength – добавляет эффект трехмерности гребням волны искажения объекта.
Phase – определяют фазу смещения волны (ее значение задается в процентах относительно начальной фазы, равной 0).
Strength - интенсивность волн
Пример:
<P STYLE="filter:Wave(Freq='5', Add='0', LightStrength='1', Phase='2', Strength='2'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Green;">
Информатика </P>
Фильтр Blur
Размывает текст в определенную сторону.
Синтаксис:
STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')"
Add - умеренное или сильное размытие (соответственно 1 или 0)
Direction - в какую сторону произойдет размытие (oт 0 до 315)
Strength - смещение размытия
Пример: <P STYLE="filter:Blur(Add='1',Direction='30',Strength='10'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Blue;">Информатика </P>
