CSS DOM中的style對象

Style 對象

Style 對象表明一個單獨的樣式聲明。可從應用樣式的文檔或元素訪問 Style 對象。

使用 Style 對象屬性的語法：

document.getElementById("id").style.property="值"

Style 對象的屬性：

• 背景

• 邊框和邊距

• 佈局

• 列表

• 雜項

• 定位

• 打印

• 滾動條

• 表格

• 文本

• 規範

Background 屬性

屬性	描述
background	在一行中設置全部的背景屬性
backgroundAttachment	設置背景圖像是否固定或隨頁面滾動
backgroundColor	設置元素的背景顏色
backgroundImage	設置元素的背景圖像
backgroundPosition	設置背景圖像的起始位置
backgroundPositionX	設置backgroundPosition屬性的X座標
backgroundPositionY	設置backgroundPosition屬性的Y座標
backgroundRepeat	設置是否及如何重複背景圖像

Border 和 Margin 屬性

屬性	描述
border	在一行設置四個邊框的全部屬性
borderBottom	在一行設置底邊框的全部屬性
borderBottomColor	設置底邊框的顏色
borderBottomStyle	設置底邊框的樣式
borderBottomWidth	設置底邊框的寬度
borderColor	設置全部四個邊框的顏色 (可設置四種顏色)
borderLeft	在一行設置左邊框的全部屬性
borderLeftColor	設置左邊框的顏色
borderLeftStyle	設置左邊框的樣式
borderLeftWidth	設置左邊框的寬度
borderRight	在一行設置右邊框的全部屬性
borderRightColor	設置右邊框的顏色
borderRightStyle	設置右邊框的樣式
borderRightWidth	設置右邊框的寬度
borderStyle	設置全部四個邊框的樣式 (可設置四種樣式)
borderTop	在一行設置頂邊框的全部屬性
borderTopColor	設置頂邊框的顏色
borderTopStyle	設置頂邊框的樣式
borderTopWidth	設置頂邊框的寬度
borderWidth	設置全部四條邊框的寬度 (可設置四種寬度)
margin	設置元素的邊距 (可設置四個值)
marginBottom	設置元素的底邊距
marginLeft	設置元素的左邊距
marginRight	設置元素的右邊據
marginTop	設置元素的頂邊距
outline	在一行設置全部的outline屬性
outlineColor	設置圍繞元素的輪廓顏色
outlineStyle	設置圍繞元素的輪廓樣式
outlineWidth	設置圍繞元素的輪廓寬度
padding	設置元素的填充 (可設置四個值)
paddingBottom	設置元素的下填充
paddingLeft	設置元素的左填充
paddingRight	設置元素的右填充
paddingTop	設置元素的頂填充

Layout 屬性

屬性	描述
clear	設置在元素的哪邊不容許其餘的浮動元素
clip	設置元素的形狀
content	設置元信息
counterIncrement	設置其後是正數的計數器名稱的列表。其中整數指示每當元素出現時計數器的增量。默認是1。
counterReset	設置其後是正數的計數器名稱的列表。其中整數指示每當元素出現時計數器被設置的值。默認是0。
cssFloat	設置圖像或文本將出現（浮動）在另外一元素中的何處。
cursor	設置顯示的指針類型
direction	設置元素的文本方向
display	設置元素如何被顯示
height	設置元素的高度
markerOffset	設置marker box的principal box距離其最近的邊框邊緣的距離
marks	設置是否cross marks或crop marks應僅僅被呈現於page box邊緣以外
maxHeight	設置元素的最大高度
maxWidth	設置元素的最大寬度
minHeight	設置元素的最小高度
minWidth	設置元素的最小寬度
overflow	規定如何處理不適合元素盒的內容
verticalAlign	設置對元素中的內容進行垂直排列
visibility	設置元素是否可見
width	設置元素的寬度

List 屬性

屬性	描述
listStyle	在一行設置列表的全部屬性
listStyleImage	把圖像設置爲列表項標記
listStylePosition	改變列表項標記的位置
listStyleType	設置列表項標記的類型

Positioning 屬性

屬性	描述
bottom	設置元素的底邊緣距離父元素底邊緣的之上或之下的距離
left	置元素的左邊緣距離父元素左邊緣的左邊或右邊的距離
position	把元素放置在static, relative, absolute 或 fixed 的位置
right	置元素的右邊緣距離父元素右邊緣的左邊或右邊的距離
top	設置元素的頂邊緣距離父元素頂邊緣的之上或之下的距離
zIndex	設置元素的堆疊次序

Printing 屬性

屬性	描述
orphans	設置段落留到頁面底部的最小行數
page	設置顯示某元素時使用的頁面類型
pageBreakAfter	設置某元素以後的分頁行爲
pageBreakBefore	設置某元素以前的分頁行爲
pageBreakInside	設置某元素內部的分頁行爲
size	設置頁面的方向和尺寸
widows	設置段落必須留到頁面頂部的最小行數

Scrollbar 屬性 (IE-only)

屬性	描述
scrollbar3dLightColor	設置箭頭和滾動條左側和頂邊的顏色
scrollbarArrowColor	設置滾動條上的箭頭顏色
scrollbarBaseColor	設置滾動條的底色
scrollbarDarkShadowColor	設置箭頭和滾動條右側和底邊的顏色
scrollbarFaceColor	設置滾動條的表色
scrollbarHighlightColor	設置箭頭和滾動條左側和頂邊的顏色，以及滾動條的背景
scrollbarShadowColor	設置箭頭和滾動條右側和底邊的顏色
scrollbarTrackColor	設置滾動條的背景色

Table 屬性

屬性	描述
borderCollapse	設置表格邊框是否合併爲單邊框，或者像在標準的HTML中那樣分離。
borderSpacing	設置分隔單元格邊框的距離
captionSide	設置表格標題的位置
emptyCells	設置是否顯示錶格中的空單元格
tableLayout	設置用來顯示錶格單元格、行以及列的算法

Text 屬性

屬性	描述
color	設置文本的顏色
font	在一行設置全部的字體屬性
fontFamily	設置元素的字體系列。
fontSize	設置元素的字體大小。
fontSizeAdjust	設置/調整文本的尺寸
fontStretch	設置如何緊縮或伸展字體
fontStyle	設置元素的字體樣式
fontVariant	用小型大寫字母字體來顯示文本
fontWeight	設置字體的粗細
letterSpacing	設置字符間距
lineHeight	設置行間距
quotes	設置在文本中使用哪一種引號
textAlign	排列文本
textDecoration	設置文本的修飾
textIndent	縮緊首行的文本
textShadow	設置文本的陰影效果
textTransform	對文本設置大寫效果
unicodeBidi
whiteSpace	設置如何設置文本中的折行和空白符
wordSpacing	設置文本中的詞間距

標準屬性

屬性	描述
dir	設置或返回文本的方向
lang	設置或返回元素的語言代碼
title	設置或返回元素的諮詢性的標題

cssText 屬性

它是一組樣式屬性及其值的文本表示。這個文本格式化爲一個 CSS 樣式表，去掉了包圍屬性和值的元素選擇器的花括號。

將這一屬性設置爲非法的值將會拋出一個代碼爲 SYNTAX_ERR 的 DOMException 異常。當 CSS2Properties 對象是隻讀的時候，試圖設置這一屬性將會拋出一個代碼爲 NO_MODIFICATION_ALLOWED_ERR 的 DOMException 異常。