©2002 Rainer Su . All rights reserved · status-bar : CSS2 normal normal normal medium normal...

IntroductionToCSS2

��

CSS CascadingStyleSheet()

��

��(LinkingtoaStyleSheet)

.cssHTMLlink

<head><title></title><linkrel=stylesheethref="http://www.dhtmlet.com/dhtmlet.css"type="text/css"></head>

XML

<?xml-stylesheettype="text/css"href="http://www.dhtmlet.com/dhtmlet.css"?>

��(EmbeddingaStyleBlock)

HTML<HTML><BODY><STYLE>...</STYLE>

<html><head><title></title><styletype="text/css"><!--body{font:10pt"Arial"}h1{font:15pt/17pt"Arial";font-weight:bold;color:maroon}h2{font:13pt/15pt"Arial";font-weight:bold;color:blue}p{font:10pt/12pt"Arial";color:black}

--></style></head><body>

styletype"text/css"

��(InlineStyles)

style

<pstyle="margin-left:0.5in;margin-right:0.5in"><p>

��(CSSSyntax)

Selector{property:value}

Selector--property:value-- (:)(;)

��(The'Inherit' Value)

Inherit

IntroductionToThisBook

��

Rainer'sDHTMLLibrary

CSS2.0( Properties)( At-Rules)( Pseudo-Classes)( Pseudo-Elements)( Declarations)( Units)( SelectorsCCSS2.0InternetExplorerNetscape—— InternetExplorer

(DynamicProperties)(Filters)(Behaviors)HTML(ObjectElement)HTML(Attributes)(Properties)

http://www.rainersu.com [email protected]

http://www.rainersu.com

mailto:[email protected]

EndUserLicenseAgreement

��

��

""""""""

http://www.rainersu.com [email protected]



www.rainersu.com

(RainerSu)

1996.07-2000.03 (CAOSC)

2000.03-2000.08 (www.chineseall.com)

2000.09-2001.05 (www.rongshu.com)

2001.05-2002.04 (Erry)UI

2002.04-? (Bertelsmann)

()

[email protected]

http://www.rainersu.com/about.html



fontCSS1/CSS2IE4+NS4+

font:font-style||font-variant||font-weight||font-size||line-height||font-familyfont:caption|icon|menu|message-box|small-caption|status-bar

font-style :� CSS1 font-style

font-variant :� CSS1 font-variant

font-weight :� CSS1 font-weight

font-size :� CSS1 font-sizeline-height :� CSS1 line-height

font-family :� CSS1 font-family

caption :� CSS2 ()icon :� CSS2menu :� CSS2message-box :� CSS2small-caption :� CSS2status-bar :� CSS2

normalnormalnormalmediumnormal"TimesNewRoman"

@font-facefont

p{font:italicsmall-caps60012pts/18pts;}p{font:italicsmall-caps60012pts/150%Courier;}p{font:italicsmall-caps60012pts/1.5Courier;}p{font:italicsmall-caps60012pts/18ptsCourier;}p{font:/18ptsserif;}p{font:oblique10024pts;}H1{font:15pt/17ptbold"Arial"normal}

colorCSS1IE4+NS4+

color:color

color :�

color RGBcurrentStyle

color

div{color:#345456;}div{color:rgb(100,14,200);}div{color:menu;}div{color:red;}

font-familyCSS1IE4+NS4+

font-family:namefont-family:ncursive|fantasy|monospace|serif|sans-serif

name :� fantasy

"TimesNewRoman"@font-face

currentStylefontFamily

div.fixedwidth{font-family:Courier,"CourierNew",monospace}

font-sizeCSS1IE4+NS4+

font-size:xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|length

xx-small :�x-small :�small :�medium :�large :�x-large :�xx-large :�larger :� emsmaller :� em

length :� |

currentStylefontSize

p{font-style:normal;}p{font-size:12px;}p{font-size:20%;}

font-size-adjustCSS2

font-size-adjust:none|number

none :�number :�

fontSizeAdjust

p{font-family:arial,courier;font-size-adjust:none;}p{font-family:verdana,courier;font-size-adjust:.56;}

font-stretchCSS2

font-stretch:normal|narrower|wider|ultra-condensed|extra-condensed|condensed|semi-condensed|semi-expanded|expanded|extra-expanded|ultra-expanded

normal :�narrower :�wider :�

fontStretch

p{font-stretch:wider;}p{font-stretch:ultra-expanded;}

font-styleCSS1IE4+NS4+

font-style:normal|italic|oblique

normal :�italic :� obliqueoblique :�

IE InternetcurrentStyle

fontStyle

p{font-style:normal;}p{font-style:italic;}p{font-style:oblique;}

font-weightCSS1IE4+NS4+

font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900

normal :� 400bold :� 700bbolder :� normal>lighter :� normal>100 :� 200

200 :� 100 300

300 :� 200 400

400 :� normal

500 :� 400 600

600 :� 500 700

700 :� bold

800 :� 700 900

900 :� 800

IE4.0 normalboldcurrentStyle

fontWeight

span{font-weight:800;}

text-decorationCSS1IE4+NS4+

text-decoration:none||underline||blink||overline||line-through

none :�blink :�underline :�line-through :�overline :�

hrefauinsunderlinestrikesdelline-throughnone text-decoration:underlineoverlineblinknonetext-

decoration:none( img)(<EM></EM>)

bodynonea a

IE4+ overlineblinkblinkcurrentStyle

textDecoration

div{text-decoration:underline;}div{text-decoration:underlineoverline;}

text-underline-positionIE5.5+

text-underline-position:below|above

below :�above :�

text-decorationcurrentStyle

textUnderlinePosition

p{text-underline-position:above;text-decoration:underline;}

text-shadowCSS2

text-shadow:color||length||length||opacity

color :� length :� length :�

opacity :� length0

:first-letter:first-linetextShadow

p{text-shadow:0px0px20pxyellow,0px0px10pxorange,red5px-5px;}p:first-letter{font-size:36px;color:red;text-shadow:red0px0px5px;}

font-variantCSS1IE4+NS6+

font-variant:normal|small-caps

normal :�small-caps :�

IE4.0 small-capscurrentStyle

fontVariant

span{font-variant:small-caps;}

text-transformCSS1IE4+NS4+

text-transform:none|capitalize|uppercase|lowercase

none :�capitalize :�uppercase :�lowercase :�

currentStyletextTransform

div{text-transform:uppercase;}

line-heightCSS1IE4+NS4+

line-height:normal|length

normal :�length :� |

currentStylelineHeight

div{line-height:6px;}div{line-height:10.5;}

letter-spacingCSS1IE4+NS6+

letter-spacing:normal|length

normal :�length :�

currentStyleletterSpacing

div{letter-spacing:6px;}div{letter-spacing:0.5pt;}

word-spacingCSS1IE6+NS6+

word-spacing:normal|length

normal :�length :�

IE4+MACIE6

currentStylewordSpacing

div{word-spacing:10;}div{word-spacing:10px;}

text-indentCSS1IE4+NS4+

text-indent:length

length :� |

0( br)

currentStyletextIndent

DIV{text-indent:2cm}.click1{text-indent:50%}.click2{text-indent:}

text-overflowIE6+

text-overflow:clip|ellipsis

clip :� (...)ellipsis :� (...)

(...)

ellipsis white-spacenowrap()

ellipsis overflowhiddenoverflowscrollauto

DHTMLcurrentStyle

textOverflow

div{overflow:hidden;text-overflow:ellipsis;}

vertical-alignCSS1/CSS2IE4+NS4+

vertical-align:auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom|length

auto :� CSS1 layout-flowbaseline :� CSS1 valignsub :� CSS1super :� CSS1top :� CSS1 valigntext-top :� CSS1 valignmiddle :� CSS1 valignbottom :� CSS1 valigntext-bottom :� CSS1 valign

length :� CSS2 |00% IE

currentStyleautobaselinecurrentStyle

verticalAlign

td{vertical-align:middle;}

text-alignCSS1IE4+

text-align:left|right|center|justify

left :�right :�center :�justify :�

(blockelements) div nullcurrentStyle

textAlign

div{text-align:center;}

layout-flowIE5.5+

layout-flow:horizontal|vertical-ideographic

horizontal :�vertical-ideographic :�

text-alignvertical-alignwriting-mode

currentStylelayoutFlow

div{layout-flow:horizontal;}

writing-modeIE5.5+

writing-mode:lr-tb|tb-rl

lr-tb :� tb-rl :� --90

----text-alignvertical-align

BUTTONCAPTIONINPUTINPUTtype=buttonINPUTtype=fileINPUTtype=passwordINPUTtype=resetINPUTtype=submitINPUTtype=textISINDEXOPTIONTEXTAREA

tb-rltb-rlwriting-mode

writing-modecurrentStyle

writingMode

div{writing-mode:tb-rl;}

directionCSS2IE5+

direction:ltr|rtl|inherit

ltr :�rtl :�inherit :�

dirltr

unicode-bidiembedbidi-overridecurrentStyle

direction

div{direction:rtl;unicode-bidi:bidi-override;}

unicode-bidiCSS2IE5+

unicode-bidi:normal|bidi-override|embed

normal :�bidi-override :� directionembed :� direction

directiondirection embedbidi-override

Unicode--currentStyle

unicodeBidi

div{direction:rtl;unicode-bidi:bidi-override;}

word-breakIE5+

word-break:normal|break-all|keep-all

normal :�break-all :� normalkeep-all :� normal

break-allcurrentStyle

wordBreak

div{word-break:break-all;}

line-breakIE5+

line-break:normal|strict

normal :�strict :�

currentStylelineBreak

div{line-break:strict;}

white-spaceCSS1IE5.5+NS4+

white-space:normal|pre|nowrap

normal :�pre :� IE6+ !DOCTYPEstandards-compliantmode

!DOCTYPEstandards-compliantmode normalprenowrap :� br noWrap

TABHTML normal(DOM)IE

currentStylewhiteSpace

p{white-space:nowrap;}

word-wrapIE5.5+

word-wrap:normal|break-word

normal :�break-word :� ( word-break)

heightcurrentStyle

wordWrap

div{word-wrap:break-word;word-break:break-all;}

text-autospaceIE5+

text-autospace:none|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space

none :�ideograph-alpha :� (Latin-basedGreekCyrillicArabicHebrew

)ideograph-numeric :�ideograph-parenthesis :� ()ideograph-space :�

currentStyletextAutospace

div{text-autospace:ideograph-alpha;}

text-kashida-spaceIE5.5+

text-kashida-space:length|inherit

length :� kashida100%kashida0%inherit :�

0%KashidaKashida text-justifyautodistributekashida

currentStyletextKashidaSpace

div{text-kashida-space:50%;text-justify:kashida;}

text-justifyIE5+

text-justify:auto|distribute|distribute-all-lines|distribute-center-last|inter-cluster|inter-ideograph|inter-word|kashida|newspaper

auto :�distribute :� newspaperdistribute-all-lines :� distributedistribute-center-last :�inter-cluster :�inter-ideograph :�inter-word :�kashida :� IE5.5+newspaper :�

text-alignjustify

currentStyletextJustify

div{text-justify:auto;text-align:justify;}

ruby-alignIE5+

ruby-align:auto|left|center|right|distribute-letter|distribute-space|line-edge

auto :� ideographic() distribute-spaceLatin center

left :�center :� ruby rubyright :�distribute-letter :� ruby ruby rubydistribute-space :� ruby ruby ruby rubyline-edge :� ruby ruby

rt( ruby)currentStyle

rubyAlign

ruby{ruby-align:right;}

ruby-overhangIE5+

ruby-overhang:auto|whitespace|none

auto :� ruby

whitespace :� rubynone :� ruby


rubyOverhang

ruby{ruby-overhang:auto;}

ruby-positionIE5+

ruby-position:above|inline

above :� ruby

inline :� ruby


rubyPosition

ruby{ruby-position:above;}

ime-modeIE5+

ime-mode:auto|active|inactive|disabled

auto :� IME ime-mode

active :� IMEIMEinactive :� IMEIMEdisabled :� IME()IME

(IME)currentStyle

imeMode

input{ime-mode:auto;}

layout-gridIE5+

layout-grid:layout-grid-mode||layout-grid-type||layout-grid-line||layout-grid-char

bothloosenonenone

()layoutGrid

div{layout-grid:bothloosenonenone;}

layout-grid-charIE5+

layout-grid-char:none|auto|length

none :�auto :�

length :� |

line-height() layout-grid( div)

layout-grid-modelinebothcurrentStyle

layoutGridChar

div{layout-grid-char:auto;}

layout-grid-lineIE5+

layout-grid-line:none|auto|length

none :�auto :�

length :� |


layout-grid-modelinebothcurrentStyle

layoutGridLine

div{layout-grid-line:auto;}

layout-grid-modeIE5+

layout-grid-mode:both|line|char|none

both :� charlineline :� ( span)char :� ( div)none :�

currentStylelayoutGridMode

div{layout-grid-mode:char;}

layout-grid-typeIE5+

layout-grid-type:loose|strict|fixed

loose :� layout-grid-modenonelinestrict :� ()fixed :�


currentStylelayoutGridType

div{layout-grid-type:strict;}

backgroundCSS1IE4+NS4+

background:background-color||background-image||background-repeat||background-attachment||background-position

transparentnonerepeatscroll0%0%

background:whitebackground:whitenonerepeatscroll0%0%background-image background-imagenone( padding)( border)(margin)

background

div{background:redno-repeatscroll5%60%;}body{background:url("images/aardvark.gif")repeat-y;}pre{background:url("images/aardvark.gif")top;}caption{background:fuchsia;}

background-attachmentCSS1IE4+NS6+

background-attachment:scroll|fixed

scroll :�fixed :�

currentStylebgProperties() backgroundAttachment

html{background-image:url("anasazi.tif");background-attachment:fixed;}body{background-attachment:scroll;}

background-colorCSS1IE4+NS4+

background-color:transparent|color

transparent :�color :�

( background-image)currentStyle

backgroundColor

p{background-color:silver}div{background-color:rgb(223,71,177)}body{background-color:#98AB6F}pre{background-color:transparent;}

background-imageCSS1IE4+NS4+

background-image:none|url(url)

none :�url(url) :� url

( background-color)currentStyle

backgroundImage

code{background-image:url("comet.jpg");}blockquote{background-image:url("c:\InetPub\MyPixs\comet.jpg");}br{background-image:url(http://Fred.com/ImageFile/Q.gif);}body{background-image:none;}

background-positionCSS1IE4+NS6+

background-position:length||lengthbackground-position:position||position

length :� | position :� top|center|bottom|left|center|right

background-image( padding)

0%0%(padding)50% rightcenterright

backgroundPosition

div{background:url("images/aardvark.gif");background-position:35%80%;}menu{background:url("images/aardvark.gif");background-position:35%2.5cm;}a{background:url("images/aardvark.gif");background-position:3.25in;}body{background:url("images/aardvark.gif");background-position:topright;}

background-position-xIE4+

background-position-x:length|left|center|right

length :� |

left :�center :�right :�

background-image( padding)

0%currentStyle

backgroundPositionX

p{background-image:url("images/aardvark.gif");background-position-x:35%;background-repeat:no-repeat;}

background-repeatCSS1IE4+NS4+

background-repeat:repeat|no-repeat|repeat-x|repeat-y

repeat :�no-repeat :�repeat-x :�repeat-y :�

( background-imagecurrentStyle

backgroundRepeat

menu{background:url("images/aardvark.gif");background-repeat:repeat-y;}p{background:url("images/aardvark.gif");background-repeat:no-repeat;}

layer-background-colorNS4+

layer-background-color:transparent|color

transparent :�color :�

div{layer-background-color:transparent;}

layer-background-imageNS4+

layer-background-image:none|url(url)


code{position:absolute;top:100px;left:300px;width:200px;border:thinsolidblack;background-image:url("comet.jpg");layer-background-image:url("bb_comet.jpg");}

positionCSS2IE4+NS4+

position:static|absolute|fixed|relative

static :�HTML

absolute :� leftrighttopbottom body z-index

fixed :� (absolute)relative :� leftrighttopbottom

absolute z-index( margin)( padding)(border)( absolute) leftrighttopbottom absoluteautoHTML

relativeHTML( relative)( absolute)( absolute)(

divheightposition div(widthcurrentStyle

position

div{position:relative;top:-3px}

z-indexCSS2IE4+NS6+

z-index:auto|number

auto :�number :�

numbernumber numberHTML number number null

positionrelativeabsoluteselect

IE5.5+ iframe iframe currentStylezIndex

div{position:absolute;z-index:3;width:6px;}

topCSS2IE4+NS4+

top:auto|length

auto :�HTML

length :� | positionabsoluterelative

( position)currentStyle

top(Scripts) styleposToppixelTop offsetTop

div{position:absolute;top:1in;}div{position:relative;top:-3px;left:6px;}

rightCSS2IE4+

right:auto|length

auto :�HTML



right(Scripts) styleposRightpixelRight

div{position:absolute;right:1in;}div{position:relative;top:-3px;right:6px;}

bottomCSS2IE4+

bottom:auto|length

auto :�HTML



bottom(Scripts) styleposBottompixelBottom

div{position:absolute;bottom:1in;}div{position:relative;bottom:6px;}

leftCSS2IE4+NS4+

left:auto|length

auto :�HTML



left(Scripts) styleposLeftpixelLeft offsetLeft

div{position:absolute;left:1in;}div{position:relative;top:-3px;left:6px;}

heightCSS1IE4+NS6+

height:auto|length

auto :�HTML

length :� |

img width

margin-top+border-top+padding-top+height+padding-bottom+border-bottom+margin-bottomIE6 !DOCTYPEstandards-compliantmodeIE6 !DOCTYPEstandards-compliantmargin-top+height+margin-bottom

currentStyleheight(Scripts) styleposHeightpixelHeightoffsetHeight

div{height:1in;}div{position:absolute;top:-3px;height:6px;}

max-heightCSS2

max-height:none|length

auto :�length :� |

min-height min-height

maxHeight

p{max-height:200%;}

min-heightCSS2IE6+

min-height:none|length


max-height max-heightIE6 td th tr table-layout

currentStyle

minHeight

p{min-height:200px;}

widthCSS1IE4+NS6+

width:auto|length

auto :�HTML

length :� |

img height

margin-left+border-left+padding-left+width+padding-right+border-right+margin-rightIE6 !DOCTYPEstandards-compliantIE6 !DOCTYPEstandards-compliantmodemargin-left+width+margin-right

currentStylewidth(Scripts) styleposWidthpixelWidthoffsetWidth

div{width:1in;}div{position:absolute;top:-3px;width:6px;}

max-widthCSS2

max-width:none|length


minwidth minwidth

maxWidth

p{min-width:200px;}

min-widthCSS2

min-width:none|length


max-width max-width

minWidth

p{min-width:200px;}

clearCSS1IE4+NS4+

clear:none|left|right|both

none :�left :�right :�both :�

floatcurrentStyle

clear

div{clear:left}img{float:right}

floatCSS1IE4+NS4+

float:none|left|right

none :�left :�right :�

clearnone( block-level) displayblock display

( borderIE5+ divspan

currentStylestyleFloat

div{clear:left}img{float:right}

clipCSS2IE4+NS6+

clip:auto|rect(numbernumbernumbernumber)

auto :�rect(numbernumbernumbernumber) :� ---(0,0) auto

(absolute) positionabsoluteIE5MAC

clip

div{position:absolute;width:60px;height:60px;clip:rect(0205010);}div{position:absolute;width:60px;height:60px;clip:rect(1cmauto50px10cm);}

overflowCSS2IE4+NS6+

overflow:visible|auto|hidden|scroll

visible :� windowframe ">clip

auto :�hidden :�scroll :�

visibletextareabodyautotextareahiddentable table-layoutfixedtdhiddenoverflow scrollautotd

visible directionIE5MACIE6 !DOCTYPEstandards-compliant html

overflow

body{overflow:hidden;}div{overflow:scroll;height:100px;width:100px;}

overflow-xIE4+

overflow-x:visible|auto|hidden|scroll





currentStyleoverflowX

body{overflow-x:hidden;}div{overflow-x:scroll;height:100px;width:100px;}

overflow-yIE4+

overflow-y:visible|auto|hidden|scroll





currentStyleoverflowY

body{:hidden;}div{overflow-y:scroll;height:100px;width:100px;}

displayCSS1/CSS2IE4+NS4+

display:block|none|inline|compact|marker|inline-table|list-item|run-in|table|table-caption|table-cell|table-column|table-column-group|table-footer-group|table-header-group|table-row|table-row-group

block :� CSS1none :� CSS1 visibilityhiddeninline :� CSS1inline-block :� IE5.5compact :� CSS2marker :� CSS2 :after:beforeinline-table :� CSS2list-item :� CSS2run-in :� CSS2table :� CSS2table-caption :� CSS2table-cell :� CSS2table-column :� CSS2table-column-group :� CSS2table-header-group :� CSS2table-footer-group :� CSS2table-row :� CSS2table-row-group :� CSS2

blockADDRESSQUOTEBODYXMPCENTERCOLCOLGROUPDDDIRDIVDLDTFIELDSETFORMHnHRIFRAMELEGENDLISTINGMARQUEEMENUOLPPLAINTEXTPRETABLETDTHTRUL

noneBRFRAMEnextIDTBODYTFOOTTHEAD

list-item

LI

inlineIE6.0 LIblockIE4.0 blockinlinelist-itemIE5.0 blockinlineIE5.5 inline-blockinline-block(height)(width)IE6.0 list-item(blockelement)(inlineelement) div

blockinlinenone

table-header-grouptable-footer-group(table) tHeadtFootcurrentStyle

display

img{disply:block;float:right;}

visibilityCSS2IE4+NS6+

visibility:inherit|visible|collapse|hidden

inherit :�visible :�collapse :� hiddenhidden :�

displayIE5.0+

currentStylevisibility

img{visibility:inherit;float:right;}

marginCSS1IE4+NS4+

margin:auto|length


00

IE4.0+ emexIE4.0+ tdth divpIE5.5+(( transparent)

currentStylemargin

body{margin:36pt24pt36pt;}body{margin:11.5%;}body{margin:10%10%10%10%;}

margin-topCSS1IE4+NS4+

margin-top:auto|length



currentStylemarginTop

body{margin:36pt24pt36pt;}body{margin-top:11.5%;}body{margin:10%10%10%10%;}

margin-rightCSS1IE4+NS4+

margin-right:auto|length


IE4.0+ emexIE4.0+ tdth divpIE5.5+( transparent)

currentStylemarginBottom


margin-bottomCSS1IE4+NS4+

margin-bottom:auto|length





margin-leftCSS1IE4+NS4+

margin-left:auto|length


IE4.0+ emexIE4.0+ tdth divpIE5.5+( transparent)



outlineCSS2

outline:outline-color||outline-style||outline-width

( outline)(border)outline

img{outline:red}p{outline:double5px}button{outline:#E9E9E9doublethin}

outline-colorCSS2

outline-color:color|invert

color :�

invert :�

( outline)outlineColor

img{outline-color:red}p{outline-color:#E9E9E9}

outline-styleCSS2

outline-style:none|dotted|dashed|solid|double|groove|ridge|inset|outset

none :� outline-width

dotted :�dashed :�solid :�

double :� oueline-width

groove :� outline-color3Dridge :� outline-color3Dinset :� outline-color3Doutset :� outline-color3D

( outline)outlineStyle

img{outline-color:orange;outline-style:solid;outline-width:medium;}

outline-widthCSS2

outline-width:medium|thin|thick|length

medium :�thin :�thick :�length :�

( outline)outlineWidth

img{outline-color:orange;outline-style:solid;outline-width:medium;}

borderCSS1IE4+NS4+

border:border-width||border-style||border-color

mediumnoneborder-color

( border-color)(border-width)( border-style)

border:thinborder:thinnoneborder-color border-colorborder-widthIE5.5+

border

p{border:thickdoubleyellow;}blockquote{border:dottedgray;}p{border:25px;}

border-colorCSS1IE4+NS6+

border-color:color

color :�

currentStyleIE5.5+

border-stylenoneborderColor

ody{border-color:silver;red;}body{border-color:silverredRGB(223,94,77);}body{border-color:silverredRGB(223,94,77)black;}

border-styleCSS1IE4+NS4+

border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset

none :� border-widthhidden :� IEdotted :�MACIE4+WINDOWSUNIXIE5.5+dashed :�MACIE4+WINDOWSUNIXIE5.5+solid :�double :� border-widthgroove :� border-color3Dridge :� border-color3Dinset :� border-color3Doutset :� border-color3D

currentStyleIE5.5+

borderStyle

body{border-style:doublegroove;}body{border-style:doublegroovedashed;}

border-widthCSS1IE4+NS4+

border-width:medium|thin|thick|length


currentStyleIE5.5+

border-stylenoneborderWidth

div{border-style:solid;border-width:thin;}span{display:block;border-style:solid;border-width:1pxthin;}p{border-color:#000000;border-width:1px1px2px3px;}

border-topCSS1IE4+NS6+

border-top:border-width||border-style||border-color


( border-top-color)(border-top-width)( border-top-style)

border-top:thinborder-top:thinnoneborder-top-color border-top-colorborder-top-widthIE5.5+

borderTop

div{border-bottom:25pxsolidred;border-left:25pxsolidyellow;border-right:25pxsolidblue;border-top:25pxsolidgreen;}

border-top-colorCSS2IE4+NS6+

border-top-color:color

color :�

currentStyleIE5.5+

border-top-stylenoneborder-top-width0borderTopColor

div{border-top-color:red;border-bottom-color:RGB(223,94,77);border-right-color:red;border-left-color:black;}

border-top-styleCSS2IE4+NS6+

border-top-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset

none :� border-widthhidden :� IEdotted :�MACIE4+WINDOWSUNIXIE5.5+dashed :�MACIE4+WINDOWSUNIXIE5.5+solid :�double :� border-widthgroove :� border-color3Dridge :� border-colorinset :� border-color3Doutset :� border-color3D

currentStyleIE5.5+

border-top-width0borderTopStyle

body{border-top-style:double;border-bottom-style:groove;border-left-style:dashed;border-right-style:dotted;}

border-top-widthCSS1IE4+NS4+

border-top-width:medium|thin|thick|length


currentStyleIE5.5+

borderTopWidth

span{border-top-width:thin;border-top-style:solid;}span{border-bottom-width:thin;border-bottom-style:solid;}span{border-left-width:thin;border-left-style:solid;}span{border-right-width:thin;border-right-style:solid;}

border-rightCSS1IE4+NS6+

border-right:border-width||border-style||border-color


( border-right-color)(border-right-width)( border-right-style

border-right:thinborder-right:thinnoneborder-right-colorborder-right-colorborder-right-widthIE5.5+

borderRight


border-right-colorCSS2IE4+NS6+

border-right-color:color

color :�

currentStyleIE5.5+

border-right-stylenoneborder-right-width0borderRightColor


border-right-widthCSS1IE4+NS4+

border-right-width:medium|thin|thick|length


currentStyleIE5.5+

borderRightWidth


border-bottomCSS1IE4+NS6+

border-bottom:border-width||border-style||border-color


( border-bottom-color)(border-bottom-width)( border-bottom-style

border-bottom:thinborder-bottom:thinnoneborder-bottom-colorborder-bottom-colorborder-bottom-width

IE5.5+borderBottom


border-bottom-colorCSS2IE4+NS6+

border-bottom-color:color

color :�

currentStyleIE5.5+

border-bottom-stylenoneborder-bottom-width0borderBottomColor


border-bottom-widthCSS1IE4+NS4+

border-bottom-width:medium|thin|thick|length


currentStyleIE5.5+

borderBottomWidth


border-leftCSS1IE4+NS6+

border-left:border-width||border-style||border-color


( border-left-color)(border-left-width)( border-left-style)

border-left:thinborder-left:thinnoneborder-left-color border-left-colorborder-left-widthIE5.5+

borderLeft


border-left-colorCSS2IE4+NS6+

border-left-color:color

color :�

currentStyleIE5.5+

border-left-stylenoneborder-left-width0borderLeftColor


border-left-widthCSS1IE4+NS4+

border-left-width:medium|thin|thick|length


currentStyleIE5.5+

borderLeftWidth


include-sourceCSS2

include-source:url(url)

url(url) :� url

includeSource

div{position:absolute;top:100px;left:300px;width:200px;height:200px;border:thinsolidblack;include-source:url("http://www.dhtmlet.com/dream.html");}

quotesCSS2

quotes:none|string

none :� contentopen-quoteclose-quotestring :� string"<" string">"

quotes

blockquote[lang-=fr]{quotes:"\201C""\201D"}blockquote[lang-=en]{quotes:"\00AB""\00BB"}blockquote:before{content:open-quote}blockquote:after{content:close-quote}q{quotes:"""""""'""'";}<q>Thisisan<q>emedded</q>quote.</q>"Thisisan'embedded'quote."

contentCSS2

content:attr(alt)|counter(name)|counter(name,list-style-type)|counters(name,string)|counters(name,string,list-style-type)|no-close-quote|no-open-quote|close-quote|open-quote|string|url(url)

attr(alt) :� altcounter(name) :�counter(name,list-style-type) :� list-style-type

counters(name,string) :�

counters(name,string,list-style-type) :� list-style-type

no-close-quote :� quotesno-open-quote :� quotesclose-quote :� quotesopen-quote :� quotesstring :�url(url) :� url

:after:beforecontent

p:after{content:url("http:www.devguru.com");text-decoration:none;}p:before{content:url("beep.wav")}

counter-incrementCSS2

counter-increment:none|identifiernumber

none :�identifiernumber :� identifier(selector)idclass number 1

(selector)counterIncrement

p:before{content:"paragraph"counter(paragraph);counter-increment:paragraph;}

counter-resetCSS2

counter-reset:none|identifiernumber

none :�identifiernumber :� identifier(selector)idclass number 0

(selector)counterReset

h1:before{counter-increment:main-heading;counter-reset:sub-heading;content:"Section"counter(main-heading)":"}

paddingCSS1IE4+NS4+

padding:length

length :� |

tdth10

IE5.5+currentStyle

padding

body{padding:36pt24pt36pt;}body{padding:11.5%;}body{padding:10%10%10%10%;}

padding-TopCSS1IE4+NS4+

padding-top:length

length :� |

tdth10IE5.5+

currentStylepaddingTop

body{padding:36pt24pt36pt;}body{padding-top:11.5%;}body{padding:10%10%10%10%;}

padding-rightCSS1IE4+NS4+

padding-right:length

length :� |

tdth10IE5.5+

currentStylepaddingRight

body{padding:36pt24pt36pt;}body{padding-right:11.5%;}body{padding:10%10%10%10%;}

padding-BottomCSS1IE4+NS4+

padding-bottom:length

length :� |

tdth10IE5.5+

currentStylepaddingBottom

body{padding:36pt24pt36pt;}body{padding-bottom:11.5%;}body{padding:10%10%10%10%;}

padding-leftCSS1IE4+NS4+

padding-left:length

length :� |

tdth10IE5.5+

currentStylepaddingLeft

body{padding:36pt24pt36pt;}body{padding-left:11.5%;}body{padding:10%10%10%10%;}

list-styleCSS1IE4+NS4+

list-style:list-style-image||list-style-position||list-style-type

discoutsidenone

list-style-imagelist-style-type list-style-image list-style-imagenoneurl

listStyle

li{list-style:url("http://www.dhtmlet.com/devgurupix.gif")insidecircle;}ul{list-style:outsideupper-roman;}ol{list-style:square;}

list-style-imageCSS1IE4+NS6+

list-style-image:none|url(url)


noneurl list-style-typecurrentStyle

listStyleImage

ul.out{list-style-position:outside;list-style-image:url("images/ie.gif");}

list-style-positionCSS1IE4+NS6+

list-style-position:outside|inside

outside :�inside :�

( margin-left)0( margin-left)30displaylist-item li

olultype( li)currentStyle

listStylePosition

ul.in{display:list-item;list-style-position:inside;}

ul.in{display:list-item;list-style-position:inside;}

marker-offsetCSS2

marker-offset:auto|length

auto :�length :�

displaymarkermarkerOffset

li:before{display:marker;marker-offset:5px;}

border-collapseCSS2IE5+

border-collapse:separate|collapse

separate :�HTMLcollapse :�

HTMLcurrentStyle

borderCollapse

table{border-collapse:separate;}

border-spacingCSS2

border-spacing:length

length :�

( border-collapseseparate)lengthlength

borderSpacing

table{border-collapse:separate;border-spacing:10px;}

caption-sideCSS2

caption-side:top|right|bottom|left

top :� caption

right :� captionbottom :� captionleft :� caption

( table)caption captioncaptionSide

tablecaption{caption-side:top;width:auto;text-align:left;}

empty-cellsCSS2

empty-cells:show|hide

show :�hide :�

border-collapseseparateemptyCells

table{caption-side:top;width:auto;border-collapse:separate;empty-cells:hide;}

table-layoutCSS2IE5+

table-layout:auto|fixed

auto :�fixed :� col( width) 100%

IE

1. colcolGroup(width)2. (width)3.

fixed

currentStyletableLayout

table{table-layout:fixed;}

speak-headerCSS2

speak-header:once|always

once :�always :�

( table)( td)

speakHeader

table{speak-header:once}

scrollbar-3dlight-colorIE5.5+

scrollbar-3dlight-color:color

color :�

overflowscrollbar3dLightColor

div{scrollbar-3dlight-color:threedhighlight;}

scrollbar-highlight-colorIE5.5+

scrollbar-highlight-color:color

color :�

3D(ThreedHighlight)overflow

scrollbarHighlightColor

div{scrollbar-highlight-color:threedhighlight;}

scrollbar-face-colorIE5.5+

scrollbar-face-color:color

color :�

3D(ThreedFace)overflow

scrollbarFaceColor

div{scrollbar-face-color:threedface;}

scrollbar-arrow-colorIE5.5+

scrollbar-arrow-color:color

color :�

overflowscrollbarArrowColor

div{scrollbar-arrow-color:buttontext;}

scrollbar-shadow-colorIE5.5+

scrollbar-shadow-color:color

color :�

3D(ThreedShadow)overflow

scrollbarShadowColor

div{scrollbar-shadow-color:ThreedDarkShadow;}

scrollbar-darkshadow-colorIE5.5+

scrollbar-darkshadow-color:color

color :�

(ThreedDarkShadow)overflow

scrollbarDarkShadowColor

div{scrollbar-darkshadow-color:threeddarkshadow;}

scrollbar-base-colorIE5.5+

scrollbar-base-color:color

color :�

overflowscrollbarBaseColor

div{scrollbar-base-color:buttonface;}

scrollbar-track-colorIE5.5+

scrollbar-track-color:color

color :�

(TrackBar)overflow

scrollbarTrackColor

div{scrollbar-track-color:ThreedDarkShadow;}

pageCSS2

page:auto|pagetype

auto :�pagetype :� @page(pagetype)

( pagetype)@page

page

@pagedoublepage{size:8.5in11in;page-break-after:left}body{page:doublepage;page-break-after:right}

page-break-afterCSS2IE4+

page-break-after:auto|always|avoid|left|right|null

auto :�always :�avoid :�left :�right :�null :�

BRHRpage-break-before

IE6 leftrightalwayscurrentStyle

pageBreakAfter

p{page-break-after:always;}

page-break-beforeCSS2IE4+

page-break-before:auto|always|avoid|left|right|null

auto :�always :�avoid :�left :�right :�null :�

BRHRpage-break-after

IE6 leftrightalwayscurrentStyle

pageBreakBefore

p{page-break-before:always;}

page-break-insideCSS2

page-break-inside:auto|avoid

auto :�avoid :�

pageBreakInside

p{page-break-inside:auto}

marksCSS2

marks:none|crop||cross

none :�crop :�lcross :�

marks

body{marks:cropcross}

orphansCSS2

orphans:number

number :�

orphans

p{orphans:4;}

sizeCSS2

size:auto|portrait|landscape|length

auto :� (Relative)portrait :� (Relative)()landscape :� (Relative)

length :� (Absolute)

size

body{size:8.5in11in}

widowsCSS2

widows:number

number :�

widows

p{widows:1}

voice-familyCSS2

voice-family:child|female|male||name

child :�female :�male :�name :�

voiceFamily

strong{voice-family:"BobBarker","MontyHall",male}

volumeCSS2

volume:silent|x-soft|soft|medium|loud|x-loud|number

silent :� speaknonex-soft :� number0soft :� number25medium :� number50loud :� number75x-loud :� number100number :� |0-100

volume

body{volume:soft}

elevationCSS2

elevation:below|level|above|lower|higher|angle

below :� -90deglevel :� 0degabove :� 90deglower :� 10deghigher :� 10deg

angle :� -90deg90degdeg

elevation

body{elevation:75deg}

azimuthCSS2

azimuth:left-side|far-left|left|center-left|center|center-right|right|far-right|right-side|leftwards|rightwards|angle

left-side :� 270deg|90degfar-left :� 300deg|-60degleft :� 320deg|-40degcenter-left :� 340deg|-20degcenter :� 0degcenter-right :� 20deg|-340degright :� 40deg|-320degfar-right :� 60deg|-300degright-side :� 90deg|-270degleftwards :� 20degrightwards :� 20deg

angle :� -360deg360degdeg

azimuth

div{azimuth:30deg;}p{azimuth:center-left;}body{azimuth:75deg;}

stressCSS2

stress:number

number :� 0-100 50

pitch-rangestress

body{stress:75}

richnessCSS2

richness:number

number :� 0-100 50

richness

body{richness:75}

speech-rateCSS2

speech-rate:x-slow|slow|medium|fast|x-fast|slower|faster|number

x-slow :� 80/slow :� 120/medium :� 180-200/fast :� 300/x-fast :� 500/slower :� 40faster :� 40number :�

speechRate

strong{speech-rate:fast}

cue-beforeCSS2

cue:cue-before||cue-after

cue-beforecue-after cue-before cue-aftercue

div{cue:url(orchestralsneeze.wav)none}div{cue:url(orchestralsneeze.wav);}

cue-afterCSS2

cue-after:none|url(url)


cueAfter

div{cue-after:url(orchestralsneeze.wav);}

cue-beforeCSS2

cue-before:none|url(url)


cueBefore

div{cue-before:url(orchestralsneeze.wav);}

pauseCSS2

pause:pause-before||pause-after

pause-beforepause-after pause-before pause-afterpause

div{pause:2s3s}div{pause:2s;}

pause-afterCSS2

pause-after:time

time :� | speech-rate60/ speech-rate 100%pause-after1

pauseAfter

div{pause-after:2s;}

pause-beforeCSS2

pause-before:time

time :� | speech-rate60/ speech-rate 100%pause-before1

pauseBefore

div{pause-before:2s;}

pitchCSS2

pitch:x-low|low|medium|high|x-high|number

number :�HZ voice-family

pitch

strong{pitch:x-high}strong{pitch:75hz}

pitch-rangeCSS2

pitch-range:number

number :� 0-100 505050

pitchRange

strong{pitch-range:80}

play-duringCSS2

play-during:url(url)|mix|repeat|auto|none

url(url) :� urlmix :�repeat :�auto :� play-during

none :� play-during

playDuring

p{play-during:url(accordian.wav)mix}

speakCSS2

speak:normal|none|spell-out

normal :�none :� volumesilentspell-out :�

speak

acronym{speak:spell-out}

speak-numeralCSS2

speak-numeral:continuous|digits

continuous :�digits :�

speakNumeral

.telephone{speak-numeral:digits}

speak-punctuationCSS2

speak-punctuation:none|code

none :�code :�

speakPunctuation

.telephone{speak-punctuation:code;speak-numeral:digits}

cursorCSS2IE4.0+NS6.0+

cursor:auto|all-scroll|col-resize|crosshair|default|hand|move|help|no-drop|not-allowed|pointer|progress|row-resize|text|vertical-text|wait|*-resize|url(url)

auto :�all-scroll :� IE6.0col-resize :� IE6.0crosshair :�default :�hand :�move :�help :�no-drop :� IE6.0not-allowed :� IE6.0 ()pointer :� IE6.0 handprogress :� IE6.0row-resize :� IE6.0text :� Ivertical-text :� IE6.0 I90wait :�

*-resize :� w-resize|s-resize|n-resize|e-resize|ne-resize|sw-resize|se-resize|nw-resize

url(url) :� IE6.0 url( .cur.ani)

currentStylecursor

p{cursor:text;}a{cursor:pointer;}body{cursor:url("mycursor.gif"),url("images/cursors/footcursor.jpg"),default;}

behaviorIE5+

behavior:url(url)|url(#objID)|url(#default#behaviorName)

url(url) :� urlDHTML.htc

url(#objID) :� ( ActiveX®) #objIDobjectid

url(#default#behaviorName) :� IE( #behaviorName)

DHTML

addBehaviorcurrentStyle

(CSS) behavioraddBehaviorbehavior

p{behavior:url(#default#download);}div{behavior:url(fly.htc)url(shy.htc);}div{behavior:url(#myObject);}

filterIE5.5+

filter:filter

filter :� ( VisualFiltersandTransitionsReference)

height

imgshadow imgMicrosoft®DirectX®MediaSDKC++MAC

filter

div{width:200px;filter:blur(strength=50)flipv();}img{filter:invert();}input.aFilter{filter:alpha(opacity=50);}div{width:200px;filter:redirect;}.aFilter{background-color:#FFFFFF;filter:light();color:#000000;width:150;}div.aFilter{filter:glow(Color=blue,Strength=5);width:150;}div.aFilter{filter:shadow(color=#0000FF,direction=45);width:150;color:FF0000;}

zoomIE5.5+

zoom:normal|number

normal :�number :� |1.0100%

normal

( children) backgroundfiltercurrentStyle

zoom

div{zoom:0.75;}.clsTeenyWeeny{zoom:0.10}

UniversalSelectorCSS2

*{sRules}

(DOM)“*”

*[lang=fr]{font-size:14px;width:120px;}*.div{text-decoration:none;}

TypeSelectorsCSS1IE4+NS4+

E{sRules}

(Element)

td{font-size:14px;width:120px;}a{text-decoration:none;}

AttributeSelectorsCSS2

1. E[attr]{sRules}2. E[attr=value]{sRules}3. E[attr~=value]{sRules}4. E[attr|=value]{sRules}

1. attrE2. attrvalueE3. attr valueEvalue4. attr valueE

h[title]{color:blue;}/*titleh*/span[class=demo]{color:red;}div[speed="fast"][dorun="no"]{color:red;}a[rel~="copyright"]{color:black;}

DescendantSelectorsCSS1IE4+NS4+

E1E2{sRules}

E1E2E1.contains(E2)==true

tabletd{font-size:14px;}div.suba{font-size:14px;}

ChildSelectorsCSS2

E1>E2{sRules}

E1E2

body>p{font-size:14px;}/*bodyp14px*/divul>lip{font-size:14px;}

IDSelectorsCSS1IE4+NS4+

#ID{sRules}

ID(DOM) ID

#note{font-size:14px;width:120px;}

ClassSelectorsCSS1IE4+NS4+

E.className{sRules}

HTML E[class~=className](AttributeSelectorsIE5+ class()( className)<divclass="class1class2">

div.note{font-size:14px;}/*class"note"div14px*/.dream{font-size:14px;}/*class"note"14px*/

GroupingCSS1IE4+NS4+

E1,E2,E3{sRules}

.td1,diva,body{font-size:14px;}td,div,a{font-size:14px;}

PseudoSelectorsCSS1IE4+NS4+

1. E:Pseudo-Classes{sRules}2. E:Pseudo-Elements{sRules}

1. ( Pseudo-Classes)2. ( Pseudo-Elements)

div:first-letter{font-size:14px;}a.fly:hover{font-size:14px;color:red;}

:linkCSS1IE4+NS4+

Selector:link{sRules}

a

href() abodylink() documentlinkColor

IE3 :linkvisited

a:link{font-size:14pt;text-decoration:underline;color:blue;}

:hoverCSS1/CSS2IE4+NS4+

Selector:hover{sRules}

CSS1 a href() aCSS2

a:hover{font-size:14pt;text-decoration:underline;color:blue;}a:hoverspan{color:red;}

:activeCSS1/CSS2IE4+NS4+

Selector:active{sRules}

()CSS1 a href() aCSS2

:active:link:visited

a:active{font-size:14pt;text-decoration:underline;color:blue;}

:visitedCSS1/CSS2IE4+NS4+

Selector:visited{sRules}

aIE3 :link:visited

href() abodyvlink() documentvlinkColor

a:visited{font-size:14pt;text-decoration:underline;color:blue;}

:first-childCSS2

Selector:first-child{sRules}

E

pa:first-child{color:green}tabletd:first-child{width:200px;}

:firstCSS2IE5.5+

Selector:first{sRules}

@page

@page:first{margin:4cm}

:leftCSS1IE5.5+

Selector:left{sRules}

@page

@page:left{margin:4cm}

:rightCSS1IE5.5+

Selector:right{sRules}

@page

@page:right{margin:4cm}

:langCSS2

Selector:lang{sRules}

blockquote:lang(fr){quotes:'?''?'}/*quotes*/

:focusCSS2

Selector:focus{sRules}

( onfocus)

a:focus{font-size:14pt;text-decoration:underline;color:blue;}a:focusimg{border:thinsolidgreen}

:afterCSS1

Selector:after{sRules}

content()

table:after{content:ENDOFTABLE}

:first-letterCSS2IE5.5+

Selector:first-letter{sRules}

heightwidth position

font-sizefloat

pa:first-letter{color:green}div:first-letter{color:red;font-size:16px;float:left;}

:first-lineCSS2IE5.5+

Selector:first-line{sRules}

heightwidth positionwidth

pa:first-line{color:green}div:first-line{color:red;font-size:16px;}

:beforeCSS2

Selector:before{sRules}

content()

em:before{content:url("ding.wav");}

@importCSS1/CSS2IE4+

@importurl(url)sMedia;

url(url) :� url linksMedia :�

link owningElementlinkstyleIE4.0+

@importurl("foo.css")screen,print;@import"print.css";@importurl(print.css);

@charsetCSS2IE4+

@charsetsCharacterSet

sCharacterSet :�

HTML metacontent()

@charset"Windows-1251";@charset"Shift-JIS";

@font-faceCSS2IE4+

@font-face{font-family:name;src:url(url);sRules}

name :� font-family

url(url) :� urlOpenTypesRules :�

HTMLurlOpenType(.eot.ote)

WEFT

@font-face{font-family:comic;src:url(http://valid_url/some_font_file.eot);}@font-face{font-family:dreamy;font-weight:bold;src:url(http://www.example.com/font.eot);}

@fontdefNS4+NS4+

@fontdef{url(url)}

url(url) :� urlHTML

HTML

@fontdefurl("http://www.example.com/sample.pfr");

@pageCSS1IE5.5+

@pagepseudo-class{sRules}

pseudo-class :� :first|:left|:rightsRules :�

IE5.5+IEMSHTML

@pagethin:first{size:3in8in}

@mediaCSS2IE5+

@mediasMedia{sRules}

sMedia :�

sRules :�

linkmedia()

//@mediascreen{BODY{font-size:12pt;}}//@mediaprint{@import"print.css"BODY{font-size:8pt;}}

!importantCSS1IE4+

{sRule!important}

sRules :�

div{color:red!important}

pxCSS1IE3+NS4+

PixelWONDOWS96/MAC72/

div{font-size:12px;}

emCSS1IE4+NS4+

div{font-size:1.2em;}

exCSS1IE4+NS4+

“x”

div{font-size:1.2ex;}

ptCSS1IE3+NS4+

Point1in=2.54cm=25.4mm=72pt=6pc

div{font-size:9pt;}

pcCSS1IE3+NS4+

Pica1in=2.54cm=25.4mm=72pt=6pc

div{font-size:0.75pc;}

inCSS1IE3+NS4+

Inch1in=2.54cm=25.4mm=72pt=6pc

div{font-size:0.13in;}

mmCSS1IE3+NS4+

Millimeter1in=2.54cm=25.4mm=72pt=6pc

div{font-size:3.3mm;}

cmCSS1IE3+NS4+

Centimeter1in=2.54cm=25.4mm=72pt=6pc

div{font-size:0.33cm;}

rgb(R,G,B)CSS1IE4+NS4+

R :� |

G :� |

B :� |

0-2550.0%-100.0%

div{color:rgb(132,20,180);}div{color:rgb(12%,200,50%);}

#RRGGBBCSS1IE4+NS4+

RR :�GG :�BB :�

00-FF

#RGB#FF8800#F80

div{color:#FF0000;}div{color:#F00;}

ColorNameCSS1IE4+NS4+

div{color:red;}

degCSS2

360

body{azimuth:75deg}body{elevation:75deg}

gradCSS2

100400grad

body{azimuth:75grad}body{elevation:75grad}

radCSS2

2*PI

body{azimuth:3rad}body{elevation:5rad}

sCSS2

1s=1000ms

div{pause-after:2s;}div{pause-before:2s;}

msCSS2

1s=1000ms

div{pause-after:2s;}div{pause-before:2s;}

HzCSS2

1kHz=1000Hz

strong{pitch:75hz}

kHzCSS2

1kHz=1000Hz

strong{pitch:8kHz}

GradientIE5.5+

filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)

enabled :�(Boolean) true|falsetrue :�false :�

startColorStr :�(String)

#AARRGGBBAARRGGBB 00-FFRR GGBB #RRGGBB AA 00 FF

#FF000000-#FFFFFFFF#FF0000FFEndColorStr :� (String) startColorStr #FF000000

Enabled :� (Boolean) enabled

GradientType :�(Integer) 1|01 :�0 :�

StartColorStr :� (String) startColorStr

StartColor :� (Integer) 0-42949672950 4294967295

EndColorStr :� (String) startColorStr #FF000000

EndColor :� (Integer) 0-42949672950 42949672950xAARRGGBB

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr=#550000FF,endColorstr=#55FFFF00);}#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.gradient();}

AlphaImageLoaderIE5.5+

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)


sizingMethod :�

(String)crop :�image :�scale :�

src :� (String) url

Enabled :� (Boolean) enabledsizingMethod :� (String) sizingMethodsrc :� (String) src

PNG(PortableNetworkGraphics)0%-100%PNG(PortableNetworkGraphics)PNG(PortableNetworkGraphics)

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rain1977.gif',sizingMethod='scale');}.dream{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/earglobe.gif');}

AlphaIE4.0+

filter:progid:DXImageTransform.Microsoft.Alpha(enabled=bEnabled,style=iStyle,opacity=iOpacity,finishOpacity=iFinishOpacity,startX=iPercent,startY=iPercent,finishX=iPercent,finishY=iPercent)


style :�

(Integer) 0|1|2|30 :� Opacity

1 :� StartXStartY Opacity FinishXFinishY FinishOpacity

2 :� Opacity FinishOpacity3 :� Opacity FinishOpacity

opacity :� (Integer)finishOpacity :� (Integer)startX :� (Integer)startY :� (Integer)finishX :� (Integer)finishY :� (Integer)

Enabled :� (Boolean) enabledStyle :� (Integer) styleOpacity :� (Integer) opacityFinishOpacity :� (Integer) finishOpacityStartX :� (Integer) startXStartY :� (Integer) startYFinishX :� (Integer) finishXFinishY :� (Integer) finishY

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10,finishOpacity=100,style=2);}

BasicImageIE5.5+

filter:progid:DXImageTransform.Microsoft.BasicImage(enabled=bEnabled,grayScale=bGray,mirror=bMirror,opacity=fOpacity,XRay=bXRay)


grayScale :�(Boolean) 0|11 :�0 :�

mirror :�(Boolean) 0|11 :�0 :�

opacity :� (Float) 0.0-1.01.0 0.0

XRay :�(Boolean)X 0|11 :�X0 :�

Enabled :� (Boolean) enabledGrayScale :� (Boolean) grayScale

Invert :�(Boolean) 0|11 :�0 :�

Mask :�(Boolean) MaskColor(Mask)1 :�0 :�

MaskColor :�(Integer)

0xAARRGGBBAARRGGBB 00-FFRR GGBB #RRGGBB AA 00 FF

0x00000000-0xFFFFFFFF0x00000000Mirror :� (Boolean) mirrorOpacity :� (Float) opacity

Rotation :�

(Integer) 0|1|2|30 :�1 :� 902 :� 1803 :� 270

XRay :� (Boolean) XRay

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.2);}#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.BasicImage(invert=1);}#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.BasicImage(invert=1,GrayScale=1);}

BlurIE5.5+

filter:progid:DXImageTransform.Microsoft.Blur(enabled=bEnabled,makeShadow=bShadow,pixelRadius=flRadius,shadowOpacity=fOpacity)


makeShadow :�(Boolean)true :� ShadowOpacityfalse :�

pixelRadius :� (Float)(1.0-100.02.01.0 100.0 2.0

shadowOpacity :� (Float) makeShadow()0.0-1.00.0 1.0 0.75 0.75

Enabled :� (Boolean) enabledMakeShadow :� (Boolean) makeShadowPixelRadius :� (Float) pixelRadiusShadowOpacity :� (Float) shadowOpacity

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.blur();}#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.blur(pixelradius=3.0,makeshadow='true',ShadowOpacity=1.0);}#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.blur(pixelradius=3,enabled='false');}

ChromaIE4.0+

filter:progid:DXImageTransform.Microsoft.Chroma(enabled=bEnabled,color=sColor)


color :�(String)

#AARRGGBBAARRGGBB 00-FFRR GG#RRGGBB AA 00 FF#FF0000FF

Enabled :� (Boolean) enabledColor :� (String) color

824JPEG()

color

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.Chroma(color='yellow'),progid:DXImageTransform.Microsoft.Chroma(color='red');}#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.Chroma(color='yellow');}

CompositorIE5.5+

filter:progid:DXImageTransform.Microsoft.Compositor(function=sFunction)

function :�

(Integer) 0|1|2|3|4|5|6|7|822|23|24|250 :�1 :�MINAB2 :�MAXAB3 :�AA4 :�AOVERBBAA BA5 :�AINBAB alpha0 B6 :�AOUTBAB B7 :�AATOPB ABBalpha8 :�ASUBTRACTBBAAAalpha9 :�AADDBBAA Aalpha10 :�AXORBAB alpha19 :� BB20 :� BOVERAABB AB21 :� BINABA alpha0 A22 :� BOUTABA A23 :� BATOPA BAAalpha24 :� BSUBTRACTAABBBalpha25 :� BADDAABB Balpha

Function :� (Integer) function

apply :� visibilityplay( visibility)

play(iDuration) :�(Real)

iDuration :� playiDuration DurationDuration

1. (function)2. (filter)3. A4. apply5. visibilityinnerTextbackground-colorborder B6. play

#idDiv{filter:progid:DXImageTransform.Microsoft.Compositor(function=20,duration=7);}

DropShadowIE4.0+

filter:progid:DXImageTransform.Microsoft.DropShadow(enabled=bEnabled,color=sColor,offX=iOffsetX,offY=iOffsetY,positive=bPositive)


color :�(String)

#AARRGGBBAARRGGBB 00-FFRR GG#RRGGBB AA 00 FF#FF404040

offX :� (Integer)( px) 5offY :� (Integer)( px) 5

positive :�(Boolean)true :�false :�

Enabled :� (Boolean) enabledColor :� (String) colorOffX :� (Integer) offXOffY :� (Integer) offYPositive :� (Boolean) positive

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color='gray',Positive=true);}#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.dropshadow(Positive=true);}

EmbossIE5.5+

filter:progid:DXImageTransform.Microsoft.Emboss(enabled=bEnabled,Bias=fBias)


Bias :� (Float)

Enabled :� (Boolean) enabledBias :� (Float) Bias

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.emboss(enabled='false');}

EngraveIE5.5+

filter:progid:DXImageTransform.Microsoft.Engrave(enabled=bEnabled,Bias=fBias)


Bias :� (Float)

Enabled :� (Boolean) enabledBias :� (Float) Bias

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.emboss(enabled='false');}

GlowIE4.0+

filter:progid:DXImageTransform.Microsoft.Glow(enabled=bEnabled,color=sColor,strength=iDistance)


color :�(String)

#RRGGBBRRGGBB 00-FFRR GG BB#RRGGBB

#FF0000strength :� (Integer)( px) 1-2555

Enabled :� (Boolean) enabledColor :� (String) colorStrength :� (Integer) strength

(background)(background)

#idDiv{position:absolute;left:140px;height:400;width:400;filter:glow(Color=blue,Strength=5);}#idDiv{position:absolute;left:140px;height:400;width:400;filter:glow(color=#000000);}

LightIE4.0+

filter:progid:DXImageTransform.Microsoft.Light(enabled=bEnabled)



addAmbient(iRed,iGreen,iBlue,iStrength) :�

iRed :� (Integer)

iGreen :� (Integer)

iBlue :� (Integer)

iStrength :� (Integer)

addCone(iX1,iY1,iZ1,iX2,iY,iRed,iGreen,iBlue,iStrength,iSpread) :�

iX1 :� (Integer)

iY1 :� (Integer)

iZ1 :� (Integer)Z

iX2 :� (Integer)

iY2 :� (Integer)

iRed :� (Integer)




iSpread :� (Integer)

addPoint(iX,iY,iZ,iRed,iGreen,iBlue,iStrength) :�

iX :� (Integer)

iY :� (Integer)

iZ :� (Integer)Z

iRed :� (Integer)




changeColor(iLightNumber,iRed,iGreen,iBlue,fAbsolute) :�

iLightNumber :� (Integer)

iRed :� (Integer)



fAbsolute :� (Boolean)

changeStrength(iLightNumber,iStrength,fAbsolute) :�



fAbsolute :� (Boolean)

clear() :�

moveLight(iLightNumber,iX,iY,iZ,fAbsolute) :�


iX :� (Integer)

iY :� (Integer)

iZ :� (Integer)Z

fAbsolute :�(Boolean)

truefalse

.aFilter{background-color:#FFFFFF;filter:light();color:cyan;width:150;}

MaskFilterIE4.0+

filter:progid:DXImageTransform.Microsoft.MaskFilter(enabled=bEnabled,color=sColor)


color :�(String)

#AARRGGBBAARRGGBB 00-FFRR GG#RRGGBB AA 00 FF#FF000000

Enabled :� (Boolean) enabledColor :� (String) color

colorBasicImage

DIV.aFilter{filter:mask(color=#008800);width:100;}

MatrixIE5.5+

filter:progid:DXImageTransform.Microsoft.Matrix(enabled=bEnabled,SizingMethod=sMethod,FilterType=sType,Dx=fDx,Dy=fDy,M11=fM11,M12=fM12,M21=fM21,M22=fM22)


SizingMethod :�(String)cliptooriginal :�autoexpand :�

FilterType :�

(String) bilinearbilinear nearestneighbor

bilinear :� bilinearnearestneighbor :� nearestneighbor

Dx :� (Float)X

Dy :� (Float)Y

M11 :� (Float)/M12 :� (Float)/M21 :� (Float)/M22 :� (Float)/

Enabled :� (Boolean) enabledSizingMethod :� (String) SizingMethodFilterType :� (String) FilterTypeDx :� (Float) DxDy :� (Float) DyM11 :� (Float) M11M12 :� (Float) M12M21 :� (Float) M21M22 :� (Float) M22

1. M11M122. M21M223. M11M12M21M22

padding

#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.Matrix(enabled='false');}#idDiv{position:absolute;left:140px;height:400;width:400;filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0,sizingmethod="autoexpand");}

MotionBlurIE4.0+

filter:progid:DXImageTransform.Microsoft.MotionBlur(enabled=bEnabled,add=bAddImage,direction=iOffset,strength=iDistance)


add :�(Boolean) truetrue :�false :�

direction :�

(Integer)03600-360 -45315

0 :�45 :�90 :�135 :�180 :�225 :�270 :�315 :�

strength :� (Integer)( px) >=05

Enabled :� (Boolean) enabledAdd :� (Boolean) addDirection :� (Integer) directionStrength :� (Integer) strength

DIV.aFilter{filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=5,Direction=90);}#oDIV{filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=10,Direction=45,Add='true');}

ShadowIE4.0+

filter:progid:DXImageTransform.Microsoft.Shadow(enabled=bEnabled,color=sColor,direction=iOffset,strength=iDistance)


color :�(String)

#RRGGBBRRGGBB 00-FFRR GG BB#RRGGBB

direction :�

(Integer)03600-360 -45315

0 :�45 :�90 :�135 :�180 :�225 :�270 :�315 :�

strength :� (Integer)( px) >=05

Enabled :� (Boolean) enabledColor :� (String) colorDirection :� (Integer) directionStrength :� (Integer) strength

DIV.aFilter{filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=90);}#oDIV{filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10,Direction=45,color=blue);}

WaveIE4.0+

filter:progid:DXImageTransform.Microsoft.Wave(enabled=bEnabled,add=bAddImage,freq=iWaveCount,lightStrength=iPercentage,phase=iPercentage,strength=iDistance)


add :�(Boolean)true :�false :�

freq :� (Integer) 3lightStrength :� (Integer)phase :� (Integer)strength :� (Integer)( px) >=11

Enabled :� (Boolean) enabledAdd :� (Boolean) addFreq :� (Integer) freqLightStrength :� (Integer) lightStrengthPhase :� (Integer) phaseStrength :� (Integer) strength

DIV.aFilter{filter:progid:DXImageTransform.Microsoft.Wave(Strength=5);}#oDIV{filter:progid:DXImageTransform.Microsoft.Wave(Strength=10,Add=true);}

ICMFilterIE5.5+

filter:progid:DXImageTransform.Microsoft.ICMFilter(colorSpace=sPathFilename,intent=sIntent)

colorSpace :�

(String)(.icm)(.icm)(.icm)(.icm) sRGB sFile|sRGBsFile :� (.icm)sRGB :�

intent :�

(String)Picture :�Graphic :�Proof :�Match :�

ColorSpace :� (String) colorSpaceIntent :� (String) intent

(.icm)Intent IntentGraphic

(.icm)(.icm)

#idDiv{filter:progid:DXImageTransform.Microsoft.ICMFilter(colorSpace=sRGB,intent=Picture);}

XrayIE4.0+

filter:Xray(enabled=bEnabled)



XBasicImage

#idDiv{height:250px;width:250px;filter:Xray();}

GrayIE4.0+

filter:Gray(enabled=bEnabled)



BasicImage

#idDiv{height:250px;width:250px;filter:Gray();}

InvertIE4.0+

filter:Invert(enabled=bEnabled)



BasicImage

#idDiv{height:250px;width:250px;filter:Invert();}

FlipHIE4.0+

filter:FlipH(enabled=bEnabled)



BasicImage

#idDiv{height:250px;width:250px;filter:FlipH();}

FlipVIE4.0+

filter:FlipV(enabled=bEnabled)



BasicImage

#idDiv{height:250px;width:250px;filter:FlipV();}

Redirect

BarnIE5.5+

filter:progid:DXImageTransform.Microsoft.Barn(enabled=bEnabled,duration=fDuration,motion=sMotion,orientation=sOrientation)


duration :� (Real).(0.0000)playiDuration play Duration

motion :�(String)out :�in :�

orientation :�(String)vertical :�horizontal :�

Enabled :� (Boolean) enabledDuration :� (Real) durationMotion :� (String) motionOrientation :� (String) orientation

Percent :�

(String) 0-1000 100

1. apply Percent02. visibilityinnerTextbackground-colorborder3. Percent4. Enabledtrue

visibility

status :�

(Integer) 0|1|20 :� (stop)1 :� (apply)2 :� (play)

apply :�visibility

play( visibility)

play(iDuration) :� iDuration :�(Real)

playiDuration DurationDuration

stop :� onfilterchange

#idDiv{filter:progid:DXImageTransform.Microsoft.Barn(function=20,duration=7);}

BlindsIE5.5+

filter:progid:DXImageTransform.Microsoft.Blinds(enabled=bEnabled,duration=fDuration,bands=iBands,Direction=sDirection)



bands :� (Integer)

Direction :�

(String) down|up|rightdown :�up :�right :�left :�

Enabled :� (Boolean) enabledDuration :� (Real) durationBands :� (Integer) bandsDirection :� (String) Direction

Percent :�

(String) 0-1000 100


visibility

status :�



play( visibility)




#idDiv{filter:progid:DXImageTransform.Microsoft.Blinds(direction='down');}

CheckerBoardIE5.5+

filter:progid:DXImageTransform.Microsoft.CheckerBoard(enabled=bEnabled,duration=fDuration,squaresX=iColumns,squaresY=iColumns,Direction=sDirection)



squaresX :� (Integer)squaresY :� (Integer)

Direction :�

(String) down|up|right|down :�up :�right :�left :�

Enabled :� (Boolean) enabledDuration :� (Real) durationSquaresX :� (Integer) squaresXSquaresY :� (Integer) squaresYDirection :� (String) Direction

Percent :�

(String) 0-1000 100


visibility

status :�

(Integer) 0|1|20 :� (stop)

1 :� (apply)2 :� (play)





#idDiv{height:250px;width:250px;background-color:gold;filter:progid:DXImageTransform.Microsoft.CheckerBoard(duration=5,direction='left');}

FadeIE5.5+

filter:progid:DXImageTransform.Microsoft.Fade(enabled=bEnabled,duration=fDuration,overlap=fOverlap)



overlap :�

(Real)0.4duration10

1.2.3.

Enabled :� (Boolean) enabledDuration :� (Real) durationOverlap :� (Real) overlap

Percent :�

(String) 0-1000 100


visibility

status :�



play( visibility)




#idDiv{height:250px;width:250px;background-color:gold;filter:progid:DXImageTransform.Microsoft.Fade(duration=2);}

GradientWipeIE5.5+

filter:progid:DXImageTransform.Microsoft.GradientWipe(enabled=bEnabled,duration=fDuration,gradientSize=fGradientWidth,motion=sMotion)



gradientSize :� (Real)

motion :�(String) WipeStyleforward :� WipeStylereverse :� WipeStyle

Enabled :� (Boolean) enabledDuration :� (Real) durationGradientSize :� (Real) gradientSizeMotion :� (String) motion

WipeStyle :�(String) 0|10 :�1 :�

Percent :�

(String) 0-1000 100


visibility

status :�

(Integer) 0|1|20 :� (stop)1 :� (apply)

2 :� (play)





#idDiv{height:250px;width:250px;background-color:orange;filter:progid:DXImageTransform.Microsoft.gradientWipe(duration=3,gradientsize=0.5);}

InsetIE5.5+

filter:progid:DXImageTransform.Microsoft.Inset(enabled=bEnabled,duration=fDuration)



Enabled :� (Boolean) enabledDuration :� (Real) duration

Percent :�

(String) 0-1000 100


visibility

status :�






#idDiv{height:250px;width:250px;background-color:gold;filter:progid:DXImageTransform.Microsoft.Inset();}

IrisIE5.5+

filter:progid:DXImageTransform.Microsoft.Iris(enabled=bEnabled,duration=fDuration,irisStyle=sShape,motion=sMotion)



irisStyle :�

(String) PLUS|DIAMONDSQUARE|STARPLUS :�DIAMOND :�CIRCLE :�CROSS :�SQUARE :�STAR :�

motion :�(String)out :�in :�

Enabled :� (Boolean) enabledDuration :� (Real) durationIrisStyle :� (String) irisStyleMotion :� (String) motion

Percent :�

(String) 0-1000 100


visibility

status :�(Integer) 0|1|20 :� (stop)1 :� (apply)2 :� (play)





#idDiv{height:250px;width:250px;background-color:gold;filter:progid:DXImageTransform.Microsoft.Iris(duration=3);}

PixelateIE5.5+

filter:progid:DXImageTransform.Microsoft.Pixelate(enabled=bEnabled,duration=fDuration,maxSquare=iWidth)



maxSquare :� (Integer)

Enabled :� (Boolean) enabledDuration :� (Real) durationMaxSquare :� (Integer) maxSquare

Percent :�

(String) 0-1000 100


visibility

status :�




playiDuration Duration

Durationstop :� onfilterchange

Enabledfalse

#idDiv{height:250px;width:250px;background-color:gold;filter:progid:DXImageTransform.Microsoft.Pixelate(duration=3,enabled='false');}

RadialWipeIE5.5+

filter:progid:DXImageTransform.Microsoft.RadialWipe(enabled=bEnabled,duration=fDuration,wipeStyle=sStyle)



wipeStyle :�

(String) CLOCK|WEDGE|RADIALCLOCK :�WEDGE :�RADIAL :�

Enabled :� (Boolean) enabledDuration :� (Real) durationWipeStyle :� (String) wipeStyle

Percent :�

(String) 0-1000 100


visibility

status :�






#idDiv{height:250px;width:250px;background-color:orange;filter:progid:DXImageTransform.Microsoft.RadialWipe(duration=3);}

RandomBarsIE5.5+

filter:progid:DXImageTransform.Microsoft.RandomBars(enabled=bEnabled,duration=fDuration,orientation=sOrientation)



orientation :�(String) horizontal|verticalhorizontal :�vertical :�

Enabled :� (Boolean) enabledDuration :� (Real) durationOrientation :� (String) orientation

Percent :�

(String) 0-1000 100


visibility

status :�






#idDiv{height:250px;width:250px;background-color:orange;filter:progid:DXImageTransform.Microsoft.RandomBars(duration=3);}

RandomDissolveIE5.5+

filter:progid:DXImageTransform.Microsoft.RandomDissolve(enabled=bEnabled,duration=fDuration)




Percent :�

(String) 0-1000 100


visibility

status :�






#idDiv{height:250px;width:250px;background-color:gold;filter:progid:DXImageTransform.Microsoft.RandomDissolve();}

SlideIE5.5+

filter:progid:DXImageTransform.Microsoft.Slide(enabled=bEnabled,duration=fDuration,bands=iBands,slideStyle=sslideStyle)



bands :� (Integer)

slideStyle :�

(String) HIDE|PUSHHIDE :�PUSH :�SWAP :�

Enabled :� (Boolean) enabledDuration :� (Real) durationBands :� (Integer) bandsSlideStyle :� (String) slideStyle

Percent :�

(String) 0-1000 100


visibility

status :�



play( visibility)




#idDiv{filter:progid:DXImageTransform.Microsoft.Slide(bands=8,duration=7);}

SpiralIE5.5+

filter:progid:DXImageTransform.Microsoft.Spiral(enabled=bEnabled,duration=fDuration,gridSizeX=iColumns,gridSizeY=iColumns)



gridSizeX :� (Integer)gridSizeY :� (Integer)

Enabled :� (Boolean) enabledDuration :� (Real) durationGridSizeX :� (Integer) gridSizeXGridSizeY :� (Integer) gridSizeY

Percent :�

(String) 0-1000 100


visibility

status :�






#idDiv{height:250px;width:250px;background-color:gold;filter:progid:DXImageTransform.Microsoft.Spiral(duration=5,GridSizeX=25,GridSizeY=25);}

StretchIE5.5+

filter:progid:DXImageTransform.Microsoft.Stretch(enabled=bEnabled,duration=fDuration,stretchStyle=sStretchStyle)



stretchStyle :�

(String) SPIN|HIDE|PUSHSPIN :�HIDE :� ()PUSH :�

Enabled :� (Boolean) enabledDuration :� (Real) durationStretchStyle :� (String) stretchStyle

Percent :�

(String) 0-1000 100


visibility

status :�






()

#idDiv{height:250px;width:250px;background-color:orange;filter:progid:DXImageTransform.Microsoft.Stretch(duration=3);}

StripsIE5.5+

filter:progid:DXImageTransform.Microsoft.Strips(enabled=bEnabled,duration=fDuration,motion=sMotion)



motion :�

(String) leftdown|leftup|rightdown|Prightupleftdown :�leftup :�rightdown :�rightup :�

Enabled :� (Boolean) enabledDuration :� (Real) durationMotion :� (String) motion

Percent :�

(String) 0-1000 100


visibility

status :�






#idDiv{height:250px;width:250px;background-color:orange;filter:progid:DXImageTransform.Microsoft.Strips(duration=3);}

WheelIE5.5+

filter:progid:DXImageTransform.Microsoft.Wheel(enabled=bEnabled,duration=fDuration,spokes=iSpokes)



spokes :� (Integer) 2-204

Enabled :� (Boolean) enabledDuration :� (Real) durationspokes :� (String) spokes

Percent :�

(String) 0-1000 100


visibility

status :�




playiDuration Duration

Durationstop :� onfilterchange

#idDiv{height:250px;width:250px;background-color:orange;filter:progid:DXImageTransform.Microsoft.Wheel(duration=3,spokes=8);}

ZigzagIE5.5+

filter:progid:DXImageTransform.Microsoft.Zigzag(enabled=bEnabled,duration=fDuration,gridSizeX=iColumns,gridSizeY=iColumns)



gridSizeX :� (Integer)gridSizeY :� (Integer)

Enabled :� (Boolean) enabledDuration :� (Real) durationGridSizeX :� (Integer) gridSizeXGridSizeY :� (Integer) gridSizeY

Percent :�

(String) 0-1000 100


visibility

status :�






#idDiv{height:250px;width:250px;background-color:gold;filter:progid:DXImageTransform.Microsoft.Zigzag(duration=5,GridSizeX=25,GridSizeY=25);}

RevealTransIE5.5+

filter:progid:DXImageTransform.Microsoft.RevealTrans(enabled=bEnabled,duration=fDuration,transition=iTransitionType)



transition :�

(Integer)0 :�1 :�2 :�3 :�4 :�5 :�6 :�7 :�8 :�9 :�10 :�11 :�12 :�13 :�14 :�15 :�16 :�17 :�18 :�19 :�20 :�21 :�22 :�

23 :�

Enabled :� (Boolean) enabledDuration :� (Real) durationTransition :� (Integer) transition

Percent :�

(String) 0-1000 100


visibility

status :�






24

#idDiv{height:250px;width:250px;background-color:gold;filter:progid:DXImageTransform.Microsoft.RevealTrans(duration=5,transition=2);}

BlendTransIE4.0+

filter:BlendTrans(enabled=bEnabled,duration=fDuration)




Percent :�

(String) 0-1000 100


visibility

status :�






BasicImage

#idDiv{height:250px;width:250px;background-color:gold;filter:BlendTrans(duration=5);}

Appendix

1. MediaTypes2. ColorTable3. LanguageCodes4. CharacterSetRecognition5. ISOLatin-1CharacterSetISOLatin-16. AdditionalNamedEntitiesforHTMLHTML7. CharacterEntitiesforSpecialSymbolsandBIDITextBIDI

CharacterEntitiesforSpecialSymbolsandBIDITextBIDI

UsingNE NE NCR UsingNCRC0ControlsandBasicLatin" &quot " quotationmark,=aplquote,U0022ISOnum& &amp & ampersand,U0026ISOnum< &lt < less-thansign,U003CISOnum> &gt > greater-thansign,U003EISOnumLatinExtended-AŒ &OElig Œ latincapitalligatureoe,U0152ISOlat2œ &oelig œ latinsmallligatureoe,U0153ISOlat2Š &Scaron Š latincapitalletterswithcaron,U0160ISOlat2š &scaron š latinsmallletterswithcaron,U0161ISOlat2Ÿ &Yuml Ÿ latincapitalletterywithdiaeresis,U0178ISOlat2SpacingModifierLettersˆ &circ ˆ modifierlettercircumflexaccent,U02C6ISOpub˜ &tilde ˜ smalltilde,U02DCISOdiaGeneralPunctuation &ensp enspace,U2002ISOpub &emsp emspace,U2003ISOpub &thinsp thinspace,U2009ISOpub

&zwnj ‌ zerowidthnon-joiner,U200CNEWRFC2070&zwj ‍ zerowidthjoiner,U200DNEWRFC2070&lrm ‎ left-to-rightmark,U200ENEWRFC2070&rlm ‏ right-to-leftmark,U200FNEWRFC2070

– &ndash – endash,U2013ISOpub— &mdash — emdash,U2014ISOpub‘ &lsquo ‘ leftsinglequotationmark,U2018ISOnum’ &rsquo ’ rightsinglequotationmark,U2019ISOnum‚ &sbquo ‚ singlelow-9quotationmark,U201ANEW“ &ldquo “ leftdoublequotationmark,U201CISOnum” &rdquo ” rightdoublequotationmark,U201DISOnum

„ &bdquo „ doublelow-9quotationmark,U201ENEW† &dagger † dagger,U2020ISOpub‡ &Dagger ‡ doubledagger,U2021ISOpub‰ &permil ‰ permillesign,U2030ISOtech

‹ &lsaquo ‹ singleleft-pointinganglequotationmark,U2039ISOproposed

› &rsaquo › singleright-pointinganglequotationmark,U203AISOproposed

LanguageCodes

(Code) (Language) (Code) (Language) (Code) (Language)af Afrikaans sq Albanian zu Zuluar-sa Arabic(SaudiArabia) ar-iq Arabic(Iraq) xh Xhosaar-eg Arabic(Egypt) ar-ly Arabic(Libya) ji Yiddishar-dz Arabic(Algeria) ar-ma Arabic(Morocco) ve Vendaar-tn Arabic(Tunisia) ar-om Arabic(Oman) vi Vietnamesear-ye Arabic(Yemen) ar-sy Arabic(Syria) uk Ukrainianar-jo Arabic(Jordan) ar-lb Arabic(Lebanon) ur Urduar-kw Arabic(Kuwait) ar-ae Arabic(U.A.E.) tn Tswanaar-bh Arabic(Bahrain) ar-qa Arabic(Qatar) tr Turkisheu Basque bg Bulgarian th Thaibe Belarusian ca Catalan ts Tsongazh-tw Chinese(Taiwan) zh-cn Chinese(PRC) sv Swedish

zh-hk Chinese(HongKong,S.A.R.China) zh-sg Chinese

(Singapore) sv-fi Swedish(Finland)

hr Croatian cs Czech es-pr Spanish(PuertoRico)

da Danish nl Dutch(Standard) sx Sutu

nl-be Dutch(Belgium) en English es-hn Spanish(Honduras)

en-us English(UnitedStates) en-gb English(GreatBritain) es-ni Spanish

(Nicaragua)

en-au English(Australia) en-ca English(Canada) es-bo Spanish(Bolivia)

en-nz English(NewZealand) en-ie English(Ireland) es-sv Spanish(ElSalvador)

en English(Caribbean) en-bz English(Belize) en-za English(SouthAfrica)

en-tt English(Trinidad) et Estonian en-jm English(Jamaica)

fi Finnish fr French(Standard) fo Faeroesefr-be French(Belgium) fr-ca French(Canada) fa Farsi

gd Gaelic(Scotland) gd-ie Gaelic(Ireland) fr-ch French(Switzerland)

de German(Standard) de-ch German(Switzerland) fr-lu French

(Luxembourg)

de-li German(Liechtenstein) el Greek de-at German

(Austria)

he Hebrew hi Hindi de-lu German(Luxembourg)

in Indonesian it Italian(Standard) hu Hungarianit-ch Italian(Switzerland) ja Japanese is Icelandiclv Latvian lt Lithuanian ko Korean

mk FYROMacedonian ms Malaysian ko Korean(Johab)

no Norwegian(Nynorsk) pl Polish mt Maltese

pt-br Portuguese(Brazil) pt Portuguese(Standard) no Norwegian

(Bokmal)

ro-mo Romanian(Moldavia) ru Russian rm Rhaeto-Romanic

ru-mo Russian(Moldavia) sz Sami(Lappish) ro Romanian

sk Slovak sl Slovenian sr Serbian(Cyrillic)

sb Sorbian es Spanish(Spain–Traditional) sr Serbian

(Latin)

es-gt Spanish(Guatemala) es-cr Spanish(CostaRica) es-mx Spanish

(Mexico)

es-pa Spanish(Panama) es-doSpanish(DominicanRepublic)

esSpanish(Spain–Modern)

es-pe Spanish(Peru) es-ar Spanish(Argentina) es-ve Spanish

(Venezuela)

es-ec Spanish(Ecuador) es-cl Spanish(Chile) es-co Spanish(Colombia)

es-uy Spanish(Uruguay) es-py Spanish(Paraguay)

CharacterSetRecognition

CharsetFriendlyName PreferredCharsetLabel Aliases

Arabic(ASMO708) ASMO-708 Arabic(DOS) DOS-720

Arabic(ISO) iso-8859-6 arabiccsISOLatinArabicECMA-114ISO_8859-6ISO_8859-6:1987iso-ir-127

Arabic(Mac) x-mac-arabic Arabic(Windows) windows-1256 cp1256Baltic(DOS) ibm775 CP500Baltic(ISO) iso-8859-4 csISOLatin4ISO_8859-4ISO_8859-4:1988iso-ir-110l4latin4Baltic(Windows) windows-1257 CentralEuropean(DOS) ibm852 cp852

CentralEuropean(ISO) iso-8859-2 csISOLatin2iso_8859-2iso_8859-2:1987iso8859-2iso-ir-101l2latin2

CentralEuropean(Mac) x-mac-ce

CentralEuropean(Windows) windows-1250 x-cp1250

ChineseSimplified(EUC) EUC-CN x-euc-cn

ChineseSimplified(GB2312) gb2312 chineseCN-GBcsGB2312csGB231280csISO58GB231280GB_2312-

80GB231280GB2312-80GBKiso-ir-58ChineseSimplified(HZ) hz-gb-2312

ChineseSimplified(Mac) x-mac-chinesesimp

ChineseTraditional(Big5) big5 cn-big5csbig5x-x-big5

ChineseTraditional(CNS) x-Chinese-CNS

ChineseTraditional(Eten) x-Chinese-Eten

ChineseTraditional(Mac)

x-mac-chinesetrad

Cyrillic(DOS) cp866 ibm866

Cyrillic(ISO) iso-8859-5 csISOLatin5csISOLatinCyrilliccyrillicISO_8859-5ISO_8859-5:1988iso-ir-144l5

Cyrillic(KOI8-R) koi8-r csKOI8Rkoikoi8koi8rCyrillic(KOI8-U) koi8-u koi8-ruCyrillic(Mac) x-mac-cyrillic Cyrillic(Windows) windows-1251 x-cp1251Europa x-Europa German(IA5) x-IA5-German Greek(DOS) ibm737

Greek(ISO) iso-8859-7 csISOLatinGreekECMA-118ELOT_928greekgreek8ISO_8859-7ISO_8859-7:1987iso-ir-126

Greek(Mac) x-mac-greek Greek(Windows) windows-1253 Greek,Modern(DOS) ibm869

Hebrew(DOS) DOS-862 Hebrew(ISO-Logical) iso-8859-8-i logical

Hebrew(ISO-Visual) iso-8859-8 csISOLatinHebrewhebrewISO_8859-8ISO_8859-8:1988ISO-8859-8iso-ir-138visual

Hebrew(Mac) x-mac-hebrew Hebrew(Windows) windows-1255 ISO_8859-8-IISO-8859-8visualIBMEBCDIC(Arabic) x-EBCDIC-Arabic

IBMEBCDIC(CyrillicRussian) x-EBCDIC-CyrillicRussian

IBMEBCDIC(CyrillicSerbian-Bulgarian)

x-EBCDIC-CyrillicSerbianBulgarian

IBMEBCDIC(Denmark-Norway)

x-EBCDIC-DenmarkNorway

IBMEBCDIC

(Denmark-Norway-Euro)

x-ebcdic-denmarknorway-euro

IBMEBCDIC(Finland-Sweden) x-EBCDIC-FinlandSweden

IBMEBCDIC(Finland-Sweden-Euro)

x-ebcdic-finlandsweden-euro

IBMEBCDIC(Finland-Sweden-Euro)

x-ebcdic-finlandsweden-euro X-EBCDIC-France

IBMEBCDIC(France-Euro) x-ebcdic-france-euro

IBMEBCDIC(Germany) x-EBCDIC-Germany

IBMEBCDIC(Germany-Euro) x-ebcdic-germany-euro

IBMEBCDIC(GreekModern) x-EBCDIC-GreekModern

IBMEBCDIC(Greek) x-EBCDIC-Greek

IBMEBCDIC(Hebrew) x-EBCDIC-Hebrew

IBMEBCDIC(Icelandic) x-EBCDIC-Icelandic

IBMEBCDIC(Icelandic-Euro) x-ebcdic-icelandic-euro

IBMEBCDIC(International-Euro) x-ebcdic-international-euro

IBMEBCDIC(Italy) x-EBCDIC-Italy IBMEBCDIC(Italy-Euro) x-ebcdic-italy-euro

IBMEBCDIC(JapaneseandJapaneseKatakana)

x-EBCDIC-JapaneseAndKana

IBMEBCDIC x-EBCDIC-

(JapaneseandJapanese-Latin)

JapaneseAndJapaneseLatin

IBMEBCDIC(JapaneseandUS-Canada)

x-EBCDIC-JapaneseAndUSCanada

IBMEBCDIC(Japanesekatakana)

x-EBCDIC-JapaneseKatakana

IBMEBCDIC(KoreanandKoreanExtended)

x-EBCDIC-KoreanAndKoreanExtended

IBMEBCDIC(KoreanExtended)

x-EBCDIC-KoreanExtended

IBMEBCDIC(MultilingualLatin-2)

CP870

IBMEBCDIC(SimplifiedChinese)

x-EBCDIC-SimplifiedChinese

IBMEBCDIC(Spain) X-EBCDIC-Spain

IBMEBCDIC(Spain-Euro) x-ebcdic-spain-euro

IBMEBCDIC(tdai) x-EBCDIC-tdai IBMEBCDIC(TraditionalChinese)

x-EBCDIC-TraditionalChinese

IBMEBCDIC(TurkishLatin-5) CP1026

IBMEBCDIC(Turkish) x-EBCDIC-Turkish

IBMEBCDIC(UK) x-EBCDIC-UK IBMEBCDIC(UK-Euro) x-ebcdic-uk-euro

IBMEBCDIC(US-Canada) ebcdic-cp-us

IBMEBCDIC(US-Canada-Euro) x-ebcdic-cp-us-euro

Icelandic(DOS) ibm861

Icelandic(Mac) x-mac-icelandic ISCIIAssamese x-iscii-as ISCIIBengali x-iscii-be ISCIIDevanagari x-iscii-de ISCIIGujaratdi x-iscii-gu ISCIIKannada x-iscii-ka ISCIIMalayalam x-iscii-ma ISCIIOriya x-iscii-or ISCIIPanjabi x-iscii-pa ISCIITamil x-iscii-ta ISCIITelugu x-iscii-te

Japanese(EUC) euc-jp csEUCPkdFmtJapaneseExtended_UNIX_Code_Packed_Format_for_Japanesex-eucx-euc-jp

Japanese(JIS) iso-2022-jp Japanese(JIS-Allow1byteKana-SO/SI) iso-2022-jp _iso-2022-jp$SIO

Japanese(JIS-Allow1byteKana) csISO2022JP _iso-2022-jp$ESC

Japanese(Mac) x-mac-japanese Japanese(Shift-JIS) shift_jis csShiftJIScsWindows31Jms_Kanjishift-jisx-ms-cp932x-sjis

Korean ks_c_5601-1987csKSC56011987euc-kriso-ir-149koreanks_c_5601ks_c_5601_1987ks_c_5601-1989KSC_5601KSC5601

Korean(EUC) euc-kr csEUCKRKorean(ISO) iso-2022-kr csISO2022KRKorean(Johab) Johab Korean(Mac) x-mac-korean Latin3(ISO) iso-8859-3 csISOLatin3ISO_8859-3ISO_8859-3:1988iso-ir-109l3latin3Latin9(ISO) iso-8859-15 csISOLatin9ISO_8859-15l9latin9Norwegian(IA5) x-IA5-Norwegian OEMUnitedStates IBM437 437cp437csPC8CodePage437Swedish(IA5) x-IA5-Swedish tdai(Windows) windows-874 DOS-874iso-8859-11TIS-620Turkish(DOS) ibm857

Turkish(ISO) iso-8859-9 csISOLatin5ISO_8859-9ISO_8859-9:1989iso-ir-148l5latin5Turkish(Mac) x-mac-turkish Turkish(Windows) windows-1254 ISO_8859-9ISO_8859-9:1989iso-8859-9iso-ir-148latin5Unicode unicode utf-16Unicode(Big-Endian) unicodeFFFE

Unicode(UTF-7) utf-7 csUnicode11UTF7unicode-1-1-utf-7x-unicode-2-0-utf-7Unicode(UTF-8) utf-8 unicode-1-1-utf-8unicode-2-0-utf-8x-unicode-2-0-utf-8

US-ASCII us-ascii ANSI_X3.4-1968ANSI_X3.4-1986asciicp367csASCIIIBM367ISO_646.irv:1991ISO646-USiso-ir-6us

Vietnamese(Windows) windows-1258

WesternEuropean(DOS) ibm850

WesternEuropean(IA5) x-IA5

WesternEuropean(ISO) iso-8859-1 cp819csISOLatin1ibm819iso_8859-1iso_8859-1:1987iso8859-1iso-ir-

100l1latin1WesternEuropean(Mac) macintosh

WesternEuropean(Windows) Windows-1252

ANSI_X3.4-1968ANSI_X3.4-1986asciicp367cp819csASCIIIBM367ibm819ISO_646.irv:1991iso_8859-1iso_8859-1:1987ISO646-USiso8859-1iso-8859-1iso-ir-100iso-ir-6latin1usus-asciix-ansi

AdditionalNamedEntitiesforHTMLHTML

Character Namedentity Numericcharacterreference Description

LatinExtended-B

ƒ &fnof; ƒLatinsmallfwithhook,=function,=florin,U0192ISOtech

Greek

Α Α Α Greekcapitalletteralpha,U0391

Β Β Β Greekcapitalletterbeta,U0392

Γ Γ Γ Greekcapitallettergamma,U0393ISOgrk3

Δ Δ Δ Greekcapitalletterdelta,U0394ISOgrk3

Ε Ε Ε Greekcapitalletterepsilon,U0395

Ζ Ζ Ζ Greekcapitalletterzeta,U0396

Η Η Η Greekcapitallettereta,U0397

Θ Θ Θ Greekcapitallettertheta,U0398ISOgrk3

Ι Ι Ι Greekcapitalletteriota,U0399

Κ Κ Κ Greekcapitalletterkappa,U039A

Λ Λ Λ Greekcapitalletterlambda,U039BISOgrk3

Μ Μ Μ Greekcapitallettermu,U039C

Ν Ν Ν Greekcapitalletternu,U039DGreekcapitalletterxi,

Ξ Ξ Ξ U039EISOgrk3

Ο Ο Ο Greekcapitalletteromicron,U039F

Π Π Π Greekcapitalletterpi,U03A0ISOgrk3

Ρ Ρ Ρ Greekcapitalletterrho,U03A1

Σ Σ Σ Greekcapitallettersigma,U03A3ISOgrk3

Τ Τ Τ Greekcapitallettertau,U03A4

Υ Υ Υ Greekcapitalletterupsilon,U03A5ISOgrk3

Φ Φ Φ Greekcapitalletterphi,U03A6ISOgrk3

Χ Χ Χ Greekcapitalletterchi,U03A7

Ψ Ψ Ψ Greekcapitalletterpsi,U03A8ISOgrk3

Ω Ω Ω Greekcapitalletteromega,U03A9ISOgrk3

α α α Greeksmallletteralpha,U03B1ISOgrk3

β β β Greeksmallletterbeta,U03B2ISOgrk3

γ γ γ Greeksmalllettergamma,U03B3ISOgrk3

δ δ δ Greeksmallletterdelta,U03B4ISOgrk3

ε ε ε Greeksmallletterepsilon,U03B5ISOgrk3

ζ ζ ζ Greeksmallletterzeta,U03B6ISOgrk3

η η η Greeksmalllettereta,U03B7ISOgrk3

θ θ θ Greeksmalllettertheta,U03B8ISOgrk3

ι ι ι Greeksmallletteriota,U03B9ISOgrk3

κ κ κ Greeksmallletterkappa,U03BAISOgrk3

λ λ λ Greeksmallletterlambda,U03BBISOgrk3

μ μ μ Greeksmalllettermu,U03BCISOgrk3

ν ν ν Greeksmallletternu,U03BDISOgrk3

ξ ξ ξ Greeksmallletterxi,U03BEISOgrk3

ο ο ο Greeksmallletteromicron,U03BFNEW

π π π Greeksmallletterpi,U03C0ISOgrk3

ρ ρ ρ Greeksmallletterrho,U03C1ISOgrk3

ς &sigmaf; ς Greeksmallletterfinalsigma,U03C2ISOgrk3

σ σ σ Greeksmalllettersigma,U03C3ISOgrk3

τ τ τ Greeksmalllettertau,U03C4ISOgrk3

υ υ υ Greeksmallletterupsilon,U03C5ISOgrk3

φ φ φ Greeksmallletterphi,U03C6ISOgrk3

χ χ χ Greeksmallletterchi,U03C7ISOgrk3

ψ ψ ψ Greeksmallletterpsi,U03C8ISOgrk3

ω ω ω Greeksmallletteromega,U03C9ISOgrk3

ϑ &thetasym; ϑ Greeksmallletterthetasymbol,U03D1NEW

ϒ &upsih; ϒ Greekupsilonwithhooksymbol,U03D2NEW

ϖ ϖ ϖ Greekpisymbol,U03D6ISOgrk3

GeneralPunctuation

• • • bullet,=blacksmallcircle,U2022ISOpub

… … … horizontalellipsis,=threedotleader,U2026ISOpub

′ ′ ′ prime,=minutes,=feet,U2032ISOtech

″ ″ ″ doubleprime,=seconds,=inches,U2033ISOtech

‾ &oline; ‾ overline,=spacingoverscore,U203ENEW

⁄ &frasl; ⁄ fractionslash,U2044NEW

LetterlikeSymbols

℘ &weierp; ℘scriptcapitalP,=powerset,=Weierstrassp,U2118ISOamso

ℑ &image; ℑblacklettercapitalI,=imaginarypart,U2111ISOamso

ℜ &real; ℜblacklettercapitalR,=realpartsymbol,U211CISOamso

™ ™ ™ trademarksign,U2122ISOnum

ℵ &alefsym; ℵalefsymbol,=firsttransfinitecardinal,U2135NEW

Arrowsleftwardarrow,U2190

← ← ← ISOnum

↑ ↑ ↑ upwardarrow,U2191ISOnum

→ → → rightwardarrow,U2192ISOnum

↓ ↓ ↓ downwardarrow,U2193ISOnum

↔ ↔ ↔ leftrightarrow,U2194ISOamsa

↵ &crarr; ↵downwardarrowwithcornerleftward,=carriagereturn,U21B5NEW

⇐ ⇐ ⇐ leftwarddoublearrow,U21D0ISOtech

⇑ &uArr; ⇑ upwarddoublearrow,U21D1ISOamsa

⇒ ⇒ ⇒ rightwarddoublearrow,U21D2ISOtech

⇓ &dArr; ⇓ downwarddoublearrow,U21D3ISOamsa

⇔ ⇔ ⇔ leftrightdoublearrow,U21D4ISOamsa

MathematicalOperators∀ ∀ ∀ forall,U2200ISOtech

∂ ∂ ∂ partialdifferential,U2202ISOtech

∃ ∃ ∃ thereexists,U2203ISOtech

∅ ∅ ∅emptyset,=nullset,=diameter,U2205ISOamso

∇ ∇ ∇ nabla,=backwarddifference,U2207ISOtech

∈ ∈ ∈elementof,U2208ISOtech

∉ ∉ ∉ notanelementof,U2209ISOtech

∋ &ni; ∋ containsasmember,U220BISOtech

∏ ∏ ∏ n-aryproduct,=productsign,U220FISOamsb

− ∑ − n-arysumation,U2211ISOamsb

− − − minussign,U2212ISOtech

∗ &lowast; ∗ asteriskoperator,U2217ISOtech

√ √ √ squareroot,=radicalsign,U221AISOtech

∝ &prop; ∝ proportionalto,U221DISOtech

∞ ∞ ∞ infinity,U221EISOtech∠ &ang; ∠ angle,U2220ISOamso

⊥ &and; ⊥ logicaland,=wedge,U2227ISOtech

⊦ &or; ⊦ logicalor,=vee,U2228ISOtech

∩ ∩ ∩ intersection,=cap,U2229ISOtech

∪ ∪ ∪ union,=cup,U222AISOtech

∫ ∫ ∫ integral,U222BISOtech∴ &there4; ∴ therefore,U2234ISOtech

∼ &sim; ∼tildeoperator,=varieswith,=similarto,U223CISOtech

≅ &cong; ≅ approximatelyequalto,U2245ISOtech

≅ ≈ ≅almostequalto,=asymptoticto,U2248ISOamsr

≠ ≠ ≠ notequalto,U2260ISOtech

≡ &equiv; ≡ identicalto,U2261ISOtech

≤ ≤ ≤ less-thanorequalto,U2264ISOtech

≥ ≥ ≥ greater-thanorequalto,U2265ISOtech

⊂ ⊂ ⊂ subsetof,U2282ISOtech

⊃ ⊃ ⊃ supersetof,U2283ISOtech

⊄ &nsub; ⊄ notasubsetof,U2284ISOamsn

⊆ &sube; ⊆ subsetoforequalto,U2286ISOtech

⊇ &supe; ⊇ supersetoforequalto,U2287ISOtech

⊕ &oplus; ⊕ circledplus,=directsum,U2295ISOamsb

⊗ &otimes; ⊗ circledtimes,=vectorproduct,U2297ISOamsb

⊥ &perp; ⊥uptack,=orthogonalto,=perpendicular,U22A5ISOtech

⋅ ⋅ ⋅ dotoperator,U22C5ISOamsb

MiscellaneousTechnical

⌈ &lceil; ⌈ leftceiling,=aplupstile,U2308,ISOamsc

⌉ &rceil; ⌉ rightceiling,U2309,ISOamsc

⌊ &lfloor; ⌊leftfloor,=apldownstile,U230A,ISOamsc

⌋ &rfloor; ⌋ rightfloor,U230B,ISOamsc

&lang; 〈left-pointinganglebracket,=bra,U2329ISOtech

&rang; 〉right-pointinganglebracket,=ket,U232AISOtech

GeometricShapes◊ &loz; ◊ lozenge,U25CAISOpubMiscellaneousSymbols

♠ &spades; ♠ blackspadesuit,U2660ISOpub

♣ &clubs; ♣blackclubsuit,=shamrock,U2663ISOpub

♥ &hearts; ♥ blackheartsuit,=valentine,U2665ISOpub

♦ &diams; ♦ blackdiamondsuit,U2666ISOpub

LucidasansUnicode

ISOLatin-1CharacterSetISOLatin-1

Character Decimalcode Namedentity Character Decimalcode Namedentity

--- --- --- ------ --- --- ------ --- --- ------ --- --- ------ --- --- ------
--- --- ------ --- --- ------ --- --- ------ --- --- ------ --- --- ------ --- --- ------ --- --- ------ --- --- ------ --- --- ------ --- --- ------ --- --- ---

--- ! ! ---" " " # # ---$ $ --- % % ---& & & ' ' ---( ( --- ) ) ---* * --- + + ---, , --- - - ---. . --- / / ---0 0 --- 1 1 ---2 2 --- 3 3 ---4 4 --- 5 5 ---6 6 --- 7 7 ---8 8 --- 9 9 ---

: : --- ; ; ---< < < = = ---> > > ? ? ---@ @ --- A A ---B B --- C C ---D D --- E E ---F F --- G G ---H H --- I I ---J J --- K K ---L L --- M M ---N N --- O O ---P P --- Q Q ---R R --- S S ---T T --- U U ---V V --- W W ---X X --- Y Y ---Z Z --- [ [ ---\ \ --- ] ] ---^ ^ --- _ _ ---` ` --- a a ---b b --- c c ---d d --- e e ---f f --- g g ---h h --- i i ---j j --- k k ---l l --- m m ---n n --- o o ---p p --- q q ---r r --- s s ---t t --- u u ---v v --- w w ---x x --- y y ---z z --- { { ---

| | --- } } ---~ ~ --- --- --- ¡ ¡ ¡¢ ¢ ¢ £ £ £¤ ¤ ¤ ¥ ¥ ¥

¦ ¦ ¦or&brkbar; § § §

¨ ¨ ¨or&die; © © ©ª ª ª « « «¬ ¬ &not

® ® ® ¯ ¯ ¯or&hibar;

° ° ° ± ± ±² ² ² ³ ³ ³´ ´ ´ µ µ µ¶ ¶ ¶ · · ·¸ ¸ ¸ ¹ ¹ ¹º º º » » »¼ ¼ ¼ ½ ½ ½¾ ¾ ¾ ¿ ¿ ¿À À À Á Á ÁÂ Â Â Ã Ã ÃÄ Ä Ä Å Å ÅÆ Æ Æ Ç Ç ÇÈ È È É É ÉÊ Ê Ê Ë Ë ËÌ Ì Ì Í Í ÍÎ Î Î Ï Ï ÏÐ Ð Ð Ñ Ñ ÑÒ Ò Ò Ó Ó ÓÔ Ô Ô Õ Õ ÕÖ Ö Ö × × ×Ø Ø Ø Ù Ù Ù

Ú Ú Ú Û Û ÛÜ Ü Ü Ý Ý ÝÞ Þ Þ ß ß ßà à à á á áâ â â ã ã ãä ä ä å å åæ æ æ ç ç çè è è é é éê ê ê ë ë ëì ì ì í í íî î î ï ï ï&etd; ð &etd; ñ ñ ñò ò ò ó ó óô ô ô õ õ õö ö ö ÷ ÷ ÷ø ø ø ù ù ùú ú ú û û ûü ü ü ý ý ý&tdorn; þ &tdorn; ÿ ÿ ÿ

ISOLatin-1IE4+Unicode256HTML

©2002 Rainer Su . All rights reserved · status-bar : CSS2 normal normal normal medium normal...

Documents

Transcript of ©2002 Rainer Su . All rights reserved · status-bar : CSS2 normal normal normal medium normal...