CSS style屬性大全

CSS style屬性大全

I 元素 | i 對象 IMG 元素 | img 對象 DHTML 對象

IFRAME 元素 | iframe 對象

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

建立內嵌浮動架構。

成員表

下面的表格列出了 iframe 對象引出的成員。請單擊左側的標籤來選擇你想要查看的成員類型。

 標籤屬性/屬性  

顯示:
標籤屬性/屬性
行為
集合
事件
濾鏡
方法
對象
樣式
標籤屬性 屬性 描述
ALIGN align 設定或擷取表格排列。
ALLOWTRANSPARENCY allowTransparency 設定或擷取對象是否可為透明。
APPLICATION APPLICATION 表明對象的內容是否為 HTML 應用程式(HTA)，以便免除瀏覽器安全模式。
ATOMICSELECTION 指定元素及其內容是否可以一不可見單位統一選擇。
BEGIN begin 設定或擷取時間軸在該元素上播放前的延遲時間。
BORDER border 設定或擷取架構間的空間，包括 3D 邊框。
canHaveChildren 擷取表明對象是否可以包含子物件的值。
canHaveHTML 擷取表明對象是否可以包含豐富的 HTML 標籤的值。
CLASS className 設定或擷取對象的類。
contentWindow 擷取指定的 frame 或 iframe 的 window 對象。
DATAFLD dataFld 設定或擷取由 dataSrc 屬性指定的綁定到指定對象的給定資料來源的欄位。
DATASRC dataSrc 設定或擷取用於資料繫結的資料來源。
disabled 擷取表明使用者是否可與該對象互動的值。
END end 設定或擷取表明元素結束時間的值，或者元素設定為重複的簡單持續終止時間。
firstChild 擷取對象的 childNodes 集合的第一個子物件的引用。
FRAMEBORDER frameBorder 設定或擷取是否顯示架構的邊框。
hasMedia 擷取一個表明元素是否為 HTML+TIME 媒體元素的 Boolean 值。
HEIGHT height 設定或擷取對象的高度。
HIDEFOCUS hideFocus 設定或擷取表明對象是否顯式標明焦點的值。
HSPACE hspace 設定或擷取對象的水平邊距。
ID id 擷取標識對象的字串。
innerText 設定或擷取位於對象起始和結束標籤內的文本。
isContentEditable 擷取表明使用者是否可編輯對象內容的值。
isDisabled 擷取表明使用者是否可與該對象互動的值。
isMultiLine 擷取表明對象的內容是包含一行還是多行的值。
isTextEdit 擷取是否可使用該對象建立一個 TextRange 對象。
LANG lang 設定或擷取要使用的語言。
LANGUAGE language 設定或擷取當前指令碼編寫用的語言。
lastChild 擷取該對象 childNodes 集合中最後一個子物件的引用。
longDesc 設定或擷取對象長描述的統一資源識別項(URI)。
MARGINHEIGHT marginHeight 設定或擷取顯示架構中文本之前的上下邊距高度。
MARGINWIDTH marginWidth 設定或擷取顯示架構中文本之前的左右邊距寬度。
NAME name 設定或擷取架構的名稱。
nextSibling 擷取對此對象的下一個兄弟對象的引用。
nodeName 擷取特定結點類型的名稱。
nodeType 擷取所需結點的類型。
nodeValue 設定或擷取結點的值。
offsetHeight 擷取對象相對於版面或由父座標 offsetParent 屬性指定的父座標的高度。
offsetLeft 擷取對象相對於版面或由 offsetParent 屬性指定的父座標的計算左側位置。
offsetParent 擷取定義對象 offsetTop 和 offsetLeft 屬性的容器物件的引用。
offsetTop 擷取對象相對於版面或由 offsetTop 屬性指定的父座標的計算頂端位置。
offsetWidth 擷取對象相對於版面或由父座標 offsetParent 屬性指定的父座標的寬度。
onOffBehavior 擷取表明指定的 Microsoft® DirectAnimation® 行為是否正在啟動並執行對象。
outerHTML 設定或擷取對象及其內容的 HTML 形式。
outerText 設定或擷取對象的文本。
ownerDocument 設定或擷取結點關聯的 document 對象。
parentElement 擷取對象層次中的父物件。
parentNode 擷取文檔層次中的父物件。
parentTextEdit 擷取文檔層次中可用於建立包含原始對象的 TextRange 的容器物件。
previousSibling 擷取對此對象的上一個兄弟對象的引用。
readyState 擷取對象的目前狀態。
readyState 擷取表明對象目前狀態的值。
recordNumber 擷取資料集中產生對象的原始記錄。
scopeName 擷取為該元素定義的命名空間。
SCROLLING scrolling 設定或擷取架構是否可被滾動。
SECURITY SECURITY 擷取表明 frame 或 iframe 的源檔案是否應用了特定的安全限制的值。
sourceIndex 擷取對象在源序中的依次位置，即對象出現在 document 的 all 集合中的順序。
SRC src 設定或擷取要由對象裝入的 URL。
STYLE 為該設定元素設定內嵌樣式。
SYNCMASTER syncMaster 設定或擷取時間容器是否必須在此元素上同步回放。
SYSTEMBITRATE 擷取系統中大約可用頻寬的 bps。
SYSTEMCAPTION 表明是否要顯示文本來代替示範的的音頻部分。
SYSTEMLANGUAGE 表明是否在使用者電腦上的選項設定中選中了給定語言。
SYSTEMOVERDUBORSUBTITLE 指定針對那些正在觀看示範但對被播放的音頻所使用的語言並不熟悉的使用者來說是否要渲染配音或字幕。
TABINDEX tabIndex 設定或擷取定義對象的 Tab 順序的索引。
tagName 擷取對象的標籤名稱。
tagUrn 設定或擷取在命名空間聲明中指定的統一資源名稱(URN)。
TIMECONTAINER timeContainer 設定或擷取與元素關聯的時間軸類型。
TITLE title 設定或擷取對象的諮詢資訊(工具提示)。
uniqueID 擷取為對象自動產生的唯一識別碼。
UNSELECTABLE 指定該元素不可被選中。
VSPACE vspace 設定或擷取對象的垂直邊距。
WIDTH width 設定或擷取對象的寬度。

標籤屬性/屬性

行為

行為 描述
clientCaps 提供關於 Internet Explorer 支援的特性的資訊，以及提供即用即裝的方法。
download 下載檔案並在下載完成後通知一個指定的回呼函數。
homePage 包含關於使用者首頁的資訊。
time 為 HTML 元素提供一個活動的時間軸。
time2 為 HTML 元素或一組元素提供一個活動的時間軸。

集合

集合 描述
all 返回對象所包含的元素集合的引用。
attributes 擷取對象標籤屬性的集合。
behaviorUrns 返回標識附加到該元素行為的統一資源名稱(URN)字串的集合。
childNodes 擷取作為指定對象直接後代的 HTML 元素和 TextNode 對象的集合。
children 擷取作為對象直接後代的 DHTML 對象的集合。

事件

事件 描述
onactivate 當對象設定為使用中的元素時觸發。
onafterupdate 當成功更新資料來源對象中的關聯對象後在資料繫結對象上觸發。
onbeforedeactivate 在 activeElement 從當前對象變為父文檔其它對象之前立即觸發。
onbeforeupdate 當成功更新資料來源對象中的關聯對象前在資料繫結對象上觸發。
onblur 在對象失去輸入焦點時觸發。
oncontrolselect 當使用者將要對該對象製作一個控制項選中區時觸發。
ondeactivate 當 activeElement 從當前對象變為父文檔其它對象時觸發。
onerrorupdate 更新資料來源對象中的關聯資料出錯時在資料繫結對象上觸發。
onfocus 當對象獲得焦點時觸發。
onload 在瀏覽器完成對象的裝載後立即觸發。
onmove 當對象移動時觸發。
onmoveend 當對象停止移動時觸發。
onmovestart 當對象開始移動時觸發。
onreadystatechange 當對象狀態變更時觸發。
onresizeend 當使用者更改完控制項選中區中對象的尺寸時觸發。
onresizestart 當使用者開始更改控制項選中區中對象的尺寸時觸發。
ontimeerror 當特定時間錯誤發生時無條件觸發，通常由將屬性設定為無效值導致。

濾鏡

濾鏡屬性 描述
Alpha 調整對象內容的不透明度。
AlphaImageLoader 在對象的邊界和對象背景到內容之間顯示映像，可選剪裁或縮放映像大小。當裝入便攜網狀圖像(PNG)時，從 0 到 100% 的 透明度都是支援的。
Barn 以開門或關門的運動方式顯示對象的新內容。
BasicImage 調整對象內容的顏色處理、映像旋轉或不透明度。
BlendTrans 以漸隱原始內容的形式顯示對象的新內容。
Blinds 以開啟或關閉盲點的運動方式顯示對象的新內容。
Blur 模糊對象的內容以便使其看起來失去焦點。
CheckerBoard 以揭開覆蓋在原始內容上的棋盤的形式顯示對象的新內容。
Chroma 將對象內容的指定顏色顯示為透明。
Compositor 以新舊內容邏輯顏色組合的形式顯示對象的新內容。每個版本的顏色和 alpha 值都會被計算用來決定輸出映像的最終顏色。
DropShadow 建立對象內容的實體陰影，位移量位於指定方向。這將使得內容看起來是浮動的因此會產生陰影。
Emboss 使用灰階值對對象以浮雕紋理顯示。
Engrave 使用灰階值對對象以雕刻紋理顯示。
Fade 以漸隱原始內容的形式顯示對象的新內容。
FlipH 以沿水平方向翻轉的形式顯示對象內容。
FlipV 以沿垂直方向翻轉的形式顯示對象內容。
Glow 在對象邊緣外側添加光暈以便使其看起來像發光的樣子。
Gradient 在對象的背景和內容之間顯示一個漸層色彩的表面。
GradientWipe 以在原有內容上覆蓋漸層帶的形式顯示對象的新內容。
Gray 以灰階顯示對象內容。
ICMFilter 根據映像顏色管理(ICM)設定檔轉換對象的彩色內容。這將允許指定內容的顯示效果得以改善，或者在印表機或監視器等硬體裝置上類比顯示。
Inset 以對角線方向顯示對象的新內容。
Invert 反轉對象內容的色調、飽和度和亮度。
Iris 以彩虹效果顯示對象的新內容，這與照相機光圈開啟相似。
Light 在對象的內容上建立燈光效果。
MaskFilter 將對象內容的透明像素顯示為彩色遮罩，將非透明像素顯示為透明。
Matrix 使用矩陣變換縮放、旋轉或顯現對象的內容。
MotionBlur 以移動模糊的效果顯示對象內容。
Pixelate 將對象的內容顯示為彩色方塊，其顏色取決於該方塊所替代地區的平均顏色值。此濾鏡顯示可用於切換。
RadialWipe 以輻射狀擦除的形式顯現對象的新內容。
RandomBars 以隨機像素線爆炸的形式顯現對象的新內容。
RandomDissolve 以隨機像素爆炸的形式顯現對象的新內容。
Redirect 目前還不支援。
RevealTrans 使用 24 種預先定義的轉場效果顯現對象的新內容。
Shadow 建立對象內容的實體陰影，位移量位於指定方向。這將建立陰影製作效果。
Slide 以映像滑行的形式顯現對象的新內容。
Spiral 以螺旋運動的形式顯現對象的新內容。
Stretch 以展開覆蓋原始內容的形式顯現對象的新內容。有一個選項類似立方體從一個表面轉到另外一個表面。
Strips 以條形覆蓋的形式顯現對象的原始內容，好像有一把鋸將原始內容鋸開。
Wave 在對象的內容上執行垂直方向的正弦波扭曲。
Wheel 以旋轉運動的形式顯現對象的新內容，好像輪子滾過原始內容。
Xray 更改對象內容的色彩深度將其以黑白顯示。
Zigzag 在對象上將對象的新內容進行來回移動以便覆蓋原始內容。

方法

方法 描述
addBehavior 給元素附加一個行為。
appendChild 給對象追加一個子項目。
applyElement 使得元素成為其它元素的子項目或父元素。
attachEvent 將指定函數綁定到事件，以便每當該事件在對象上觸發時都調用該函數。
blur 使元素失去焦點並觸發 onblur 事件。
clearAttributes 從對象中刪除全部標籤屬性和值。
cloneNode 從文檔層次中複製對對象的引用。
componentFromPoint 通過特定事件返回對象在指定座標下的位置。
contains 檢查對象中是否包含給定元素。
detachEvent 從事件中取消指定函數的綁定，這樣當事件觸發時函數就不會收到通知了。
dragDrop 初始化拖曳事件。
fireEvent 觸發對象的指定事件。
focus 使得元素得到焦點並執行由 onfocus 事件指定的代碼。
getAdjacentText 返回鄰接文本字串。
getAttribute 擷取指定標籤屬性的值。
getAttributeNode 擷取由 attribute.name 屬性引用的 attribute 對象。
getElementsByTagName 擷取基於指定元素名稱的對象集合。
getExpression 擷取給定屬性的運算式。
hasChildNodes 返回表明對象是否有子物件的值。
insertAdjacentElement 在指定位置插入元素。
insertAdjacentHTML 在指定位置的元素中插入給定的 HTML 文本。
insertAdjacentText 在指定位置插入給定的文本。
insertBefore 在文檔層次中插入元素作為父物件的子結點。
mergeAttributes 複製所有讀/寫標籤屬性到指定元素。
normalize 合并鄰接 TextNode 對象以便產生一個常規的文件物件模型。
removeAttribute 刪除對象的給定標籤屬性。
removeAttributeNode 從對象中刪除刪除 attribute 對象。
removeBehavior 分離元素的行為。
removeChild 從元素上刪除子結點。
removeExpression 從指定屬性中刪除運算式。
removeNode 從文檔層次中刪除對象。
replaceAdjacentText 替換元素的鄰接文本。
replaceChild 用新的子項目替換已有的子項目。
replaceNode 用其它元素替換對象。
scrollIntoView 將對象滾動到可見範圍內，將其排列到視窗頂部或底部。
setActive 設定對象為當前對象而不將對象置為焦點。
setAttribute 設定指定標籤屬性的值。
setAttributeNode 設定 attribute 對象為對象的一部分。
setExpression 設定指定對象的運算式。
swapNode 交換文檔層次中兩個對象的位置。

對象

對象 描述
runtimeStyle 代表了居於全域樣式表、內嵌樣式和 HTML 標籤屬性指定的格式和樣式之上的對象的格式和樣式。
style 代表了給定元素所有可能的內嵌樣式的當前設定。

樣式

樣式標籤屬性 樣式屬性 描述
ACCELERATOR accelerator 設定或擷取表明對象是否包含快速鍵的字串。
background-attachment backgroundAttachment 設定或擷取背景映像如何附加到文檔內的對象中。
background-color backgroundColor 設定或擷取對象內容後的顏色。
background-position-x backgroundPositionX 設定或擷取 backgroundPosition 屬性的 x 座標。
background-position-y backgroundPositionY 設定或擷取 backgroundPosition 屬性的 y 座標。
behavior behavior 設定或擷取 DHTML 行為的位置。
border-bottom borderBottom 設定或擷取對象下邊框的屬性。
border-bottom-color borderBottomColor 設定或擷取對象下邊框的顏色。
border-bottom-style borderBottomStyle 設定或擷取對象下邊框的樣式。
border-bottom-width borderBottomWidth 設定或擷取對象下邊框的寬度。
border-color borderColor 設定或擷取對象的邊框顏色。
border-left borderLeft 設定或擷取對象左邊框的屬性。
border-left-color borderLeftColor 設定或擷取對象左邊框的顏色。
border-left-style borderLeftStyle 設定或擷取對象左邊框的樣式。
border-left-width borderLeftWidth 設定或擷取對象左邊框的寬度。
border-right borderRight 設定或擷取對象右邊框的屬性。
border-right-color borderRightColor 設定或擷取對象右邊框的顏色。
border-right-style borderRightStyle 設定或擷取對象右邊框的樣式。
border-right-width borderRightWidth 設定或擷取對象右邊框的寬度。
border-style borderStyle 設定或擷取對象上下左右邊框的樣式。
border-top borderTop 設定或擷取對象上邊框的屬性。
border-top-color borderTopColor 設定或擷取對象上邊框的顏色。
border-top-style borderTopStyle 設定或擷取對象上邊框的樣式。
border-top-width borderTopWidth 設定或擷取對象上邊框的寬度。
border-width borderWidth 設定或擷取對象上下左右邊框的寬度。
bottom bottom 設定或擷取對象相對於文檔層次中下個定位對象的底部的位置。
clear clear 設定或擷取對象是否允許在其左側、右側或兩邊放置浮動物件，以防下段文本顯示在浮動物件上。
clip clip 設定或擷取定位對象的哪個部分可見。
cursor cursor 設定或擷取當滑鼠指標指向對象時所使用的滑鼠指標。
display display 設定或擷取對象是否要渲染。
filter filter 設定或擷取應用於對象的濾鏡或濾鏡集合。
height height 設定或擷取對象的高度。
layout-grid layoutGrid 設定或擷取指定文本字元版面的組合文檔格線屬性。
layout-grid-mode layoutGridMode 設定或擷取文本布局網格是否使用二維。
left left 設定或擷取對象相對於文檔層次中下個定位對象的左邊界的位置。
margin margin 設定或擷取對象的上下左右邊距。
margin-bottom marginBottom 設定或擷取對象的下邊距寬度。
margin-left marginLeft 設定或擷取對象的左邊距寬度。
margin-right marginRight 設定或擷取對象的右邊距寬度。
margin-top marginTop 設定或擷取對象的上邊距寬度。
overflow-x overflowX 設定或擷取當內容超出對象寬度時如何管理對象內容。
overflow-y overflowY 設定或擷取當內容超出對象高度時如何管理對象內容。
pixelBottom 設定或擷取對象的下方位置。
pixelHeight 設定或擷取對象的高度。
pixelLeft 設定或擷取對象的左側位置。
pixelRight 設定或擷取對象的右側位置。
pixelTop 設定或擷取對象的上方位置。
pixelWidth 設定或擷取對象的寬度。

posBottom 設定或擷取以 bottom 標籤屬性指定的單位的對象下方位置。
posHeight 設定或擷取以 height 標籤屬性指定的單位的對象高度。
position position 設定或擷取對象所使用的定位方式。
posLeft 設定或擷取以 left 標籤屬性指定的單位的對象左側位置。
posRight 設定或擷取以 right 標籤屬性指定的單位的對象右側位置。
posTop 設定或擷取以 top 標籤屬性指定的單位的對象上方位置。
posWidth 設定或擷取以 width 標籤屬性指定的單位的對象寬度。
right right 設定或擷取對象相對於文檔層次中下個已定位的對象的右邊界的位置。
float styleFloat 設定或擷取文本要繞排到對象的哪一側。
text-autospace textAutospace 設定或擷取自動留空和文本的窄空間寬度調整。
top top 設定或擷取對象相對於文檔層次中下個定位對象的上邊界的位置。
visibility visibility 設定或擷取對象的內容是否顯示。
z-index zIndex 設定或擷取定位對象的堆疊次序。
zoom zoom 設定或擷取對象的放大比例。

注釋

IFRAME 元素也就是文檔中的文檔，或者好像浮動的架構(FRAME)。frames 集合提供了對 IFRAME 內容的訪問。請使用 frames 集合讀寫 IFRAME 內包含的元素。例如，如果要訪問 iframe 內 body 對象的 backgroundColor 樣式，文法應為:

sColor = document.frames("sFrameName").document.body.style.backgroundColor;

通過 iframe 對象所在頁面的物件模型，你可以訪問 iframe 對象的屬性，但不能訪問其內容。例如，訪問 iframe 對象的 border 樣式的文法應為:

sBorderValue = document.all.oFrame.style.border;

注意 iframe 的屬性必須使用首碼 document.all 訪問，例如 document.all.iframeId.marginWidth。
Internet Explorer 5.5 支援浮動架構的內容透明。如果想要為浮動架構定義透明內容，則必須滿足下列條件。

與 IFRAME 元素一起使用的 ALLOWTRANSPARENCY 標籤屬性必須設定為 true。
在 IFRAME 內容來源文檔，background-color 或 BODY 元素的 BGCOLOR 標籤屬性必須設定為 transparent。
參看使用透明的浮動架構可以獲得關於透明浮動架構更多的資訊。

此元素在 Microsoft® Internet Explorer 4.0 的 HTML 和指令碼中可用。

此元素是一個塊元素。

此元素需要關閉標籤。

樣本

下面的例子使用了 IFRAME 元素建立了包含頁面 sample.htm 的架構。

<IFRAME ID=IFrame1 FRAMEBORDER=0 SCROLLING=NO SRC="sample.htm"></IFRAME>

下面的例子返回了對 IFRAME 包含的文檔的 all 集合的引用。

var collAll = document.frames("IFrame1").document.all