css之Shadow

y0umer發表於2009-06-10
CSS
Shadow相容性：IE4.0+
語法：
filter : progid:DXImageTransform.Microsoft.Shadow ( enabled=bEnabled , color=sColor , direction=iOffset , strength=iDistance )
屬性：
enabled : 可選項。布林值(Boolean)。設定或檢索濾鏡是否啟用。true | false
true : 預設值。濾鏡啟用。
false : 濾鏡被禁止。
color : 可選項。字串(String)。設定或檢索此濾鏡作用的顏色值。
其格式為 #RRGGBB 。 RR 、 GG 、 BB 為十六進位制正整數。取值範圍為 00 – FF 。 RR 指定紅色值， GG 指定綠色值， BB 指定藍色值，參閱 #RRGGBB 顏色單位。
direction : 可選項。整數值(Integer)。設定或檢索濾鏡效果的運動偏移方向。預設單位為角度。0 | 45 | 90 | 135 | 180 | 225 | 270 | 315
小於 0 或大於 360 的值會自動轉換為 0 – 360 之間的值。例如， -45 會轉換為 315 。
0 : 上。
45 : 右上。
90 : 下。
135 : 右下。
180 : 下。
225 : 預設值。左下。
270 : 左。
315 : 左上。
strength : 可選項。整數值(Integer)。單位為畫素( px )。設定或檢索以物件為基準的在運動方向上的向外擴散距離。取值範圍為 >=0 。預設值為 5 。
特性：
Enabled : 可讀寫。布林值(Boolean)。參閱 enabled 屬性。
Color : 可讀寫。字串(String)。參閱 color 屬性。
Direction : 可讀寫。整數值(Integer)。參閱 direction 屬性。
Strength : 可讀寫。整數值(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);}
應用於：
IE4.0+ TABLETDTEXTAREATHSPANstyleIMGINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textMARQUEEDIVBUTTON
IE5.0+ runtimeStyle
IE5.5+


相關文章