Explorer & Navigator 樣式屬性對照表

Client 端 HTML 文件索引 回何處塵埃分類導覽

IE Style 物件屬性 IE Style CSS 屬性 NC Style CSS 屬性 備註
accelerator 　 　 　
background background 　 　
backgroundAttachment background-attachment 　 　
backgroundColor background-color backgroundColor 　
backgroundImage background-image backgroundImage 　
backgroundPosition background-position 　 　
backgroundPositionX 　 　 　
backgroundPositionY 　 　 　
backgroundRepeat background-repeat 　 　
behavior 　 　 　
border border 　 　
borderBottom border-bottom 　 　
borderBottomColor border-bottom-color 　 　
borderBottomStyle border-bottom-style 　 　
borderBottomWidth border-bottom-width borderBottomWidth 　
borderCollapse 　 　 　
borderColor border-color borderColor 　
borderLeft border-left 　 　
borderLeftColor border-left-color 　 　
borderLeftStyle border-left-style 　 　
borderLeftWidth border-left-width borderLeftWidth 　
borderRight border-right 　 　
borderRightColor border-right-color 　 　
borderRightStyle border-right-style 　 　
borderRightWidth border-right-width borderRightWidth 　
borderStyle border-style borderStyle 　
borderTop border-top 　 　
borderTopColor border-top-color 　 　
borderTopStyle border-top-style 　 　
borderTopWidth border-top-width borderTopWidth 　
borderWidth border-width borderWidths() 　
bottom 　 　 　
clear clear clear 　
clip clip 　 　
color color color 　
cssText 　 　 　
cursor cursor 　 CSS 2 規格
direction 　 　 　
display display display 　
filter filter 　 　
font font 　 　
fontFamily font-family fontFamily 　
fontSize font-size fontSize 　
fontStyle font-style fontStyle 　
fontVariant font-variant 　 　
fontWeight font-weight fontWeight 　
height height height 　
imeMode 　 　 　
layoutGrid 　 　 　
layoutGridChar 　 　 　
layoutGridLine 　 　 　
layoutGridMode 　 　 　
layoutGridType 　 　 　
left left 　 　
letterSpacing letter-spacing 　 　
lineBreak 　 　 　
lineHeight line-height lineHeight 　
listStyle list-style 　 　
listStyleImage list-style-image 　 　
listStylePosition list-style-position 　 　
listStyleType list-style-type listStyleType 　
margin margin margins() 　
marginBottom margin-bottom marginBottom 　
marginLeft margin-left marginLeft 　
marginRight margin-right marginRight 　
marginTop margin-top marginTop 　
overflow overflow 　 　
overflowX 　 　 　
overflowY 　 　 　
padding padding paddings() 　
paddingBottom padding-bottom paddingBottom 　
paddingLeft padding-left paddingLeft 　
paddingRight padding-right paddingRight 　
paddingTop padding-top paddingTop 　
pageBreakAfter page-break-after 　 　
pageBreakBefore page-break-before 　 　
posBottom 　 　 　
posHeight 　 　 　
position position 　 　
posLeft 　 　 　
posRight 　 　 　
posTop 　 　 　
posWidth 　 　 　
right 　 　 　
rubyAlign 　 　 　
rubyOverhang 　 　 　
rubyPosition 　 　 　
styleFloat 　 　 　
tableLayout 　 　 　
textAlign text-align textAlign 　
textAutospace 　 　 　
textDecoration text-decoration textDecoration 　
textDecorationBlink 　 　 　
textDecorationLineThrough 　 　 　
textDecorationNone 　 　 　
textDecorationOverline 　 　 　
textDecorationUnderline 　 　 　
textIndent text-indent 　 　
textJustify 　 　 　
textJustifyTrim 　 　 　
textKashida 　 　 　
textTransform text-transform textTransform 　
top top 　 　
unicodeBidi 　 　 　
verticalAlign vertical-align verticalAlign 　
visibility visibility 　 　
whiteSpace 　 whiteSpace 　
width width width 　
wordBreak wordBreak 　 　
wordSpacing 　 　 　
zIndex z-index 　 　
　 float 　 　
　 font-face 　 CSS 2 規格
　 　 align 　
    註解：
  1. 本表收集了 Explorer 和 Navigator 兩大瀏覽器可使用的樣式表屬性。
  2. 本表把樣式屬性分為樣式物件屬性和 CSS 樣式屬性。
  3. CSS 樣式屬性 是指 W3C 所制定，使用在各網頁標籤內，設定各網頁元件 Style 屬性的 CSS 字串。
  4. 樣式物件屬性是供 Script 在執行敘述時，呼叫更改，以達成網頁動態變化的 Style 屬性。
  5. Navigator 因無法於 Script 敘述中動態更改網頁元件之樣式，故只有 CSS Style 屬性，而無樣式物件屬性。
  6. Explorer 可於 Script 敘述中動態更改網頁元件之樣式，故兼有兩種屬性，但於表中各位可發覺，Explorer 的同一屬性值竟然 CSS 名稱和樣式物件名稱是不同的，也就是說你在撰寫 HTML 和 Script 時，同一屬性，竟要用不同的名稱來呼叫，如此沒道理的事，真不知微軟理由為何？
  7. 同表亦可看出，同一樣式屬性，Explorer 和 Navigator 名稱亦不同，雖然在實作中，有些屬性兩家瀏覽器可接受對方的命名，但有些又不行，真是十分困擾，所以視瀏覽器之不同，聯結不同之外接樣式表，或許是最佳的表現與通用的折衷之道。

Client 端 HTML 文件索引 回何處塵埃分類導覽

1