Сүзгілеулер. Сүзгілеуді мәтінге қолдану.

СүзгілеулерHTML-құжаттарының браузермен интерпретациялау кезінде блокты тікбұрышты түрде анықтауға мүмкіндігі бар, сол уақытта терезе болып табылмайтын түрлеріне қолданылады. Сүзгілеудің жазылу форматы қарапайым <STYLE> тэгі көмегімен элементтер қасиеттерін беру ережелеріне ұқсас, жазылу түрі

filter: сүзгі аты (параметрлері)

Браузер Internet Explorer 4.x браузерінің сүзгілеу саны жеткілікті көп, оның бұл технологияны қолдануда мүмкіндіктері көп.

· Mask сүзгісі-мәтінді ерекшелейді

· Shadow сүзгісі-көлеңке түсіреді

· DropShadow сүзгісі-z:\Dauren\Рабочий стол\Учебник по HTMLkaz rrrrr\glava\фильтры к тексту.htm - DropShadow#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 – толқынның жылу фазаларын анықтайды(оның мәні бастапқы фазасына қарағанда процентпен беріледі).
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 - бұлдырау бағыты ( 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>