Сүзгілеулер. Сүзгілеуді мәтінге қолдану.
Сүзгілеулер 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 – толқынның жылу фазаларын анықтайды(оның мәні бастапқы фазасына қарағанда процентпен беріледі). 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>
