Style Properties ref

JavaScript/CSS Style Properties
background

IE4.0 R/W
Gecko0.9.4 R
 Background

backgroundColor, backgroundImage, backgroundRepeat, backgroundAttachment, backgroundPosition

型：String

属性：background		 CSS
CSS1
W3C(DOM1)
backgroundAttachment

IE4.0 R/W
Gecko0.9.4 R
 fixed and scrolling background

型：String
fixed スクロールしない
scroll スクロールする (初期値)

属性：background-attachment		 CSS
CSS1
backgroundColor

IE4.0 R/W
Gecko0.9.4 R
 Background Color

型：Variant
値 色コード

属性：background-color

NS4：layers[].bgColor / document[].bgColor		 STEP.46
CSS
CSS1
backgroundImage

IE4.0 R/W
Gecko0.9.4 R
 背景画像

型：String
初期値 none
値 URL

属性：background-image

NS4：layers[].background.src		 CSS
CSS1
backgroundPosition
IE4.0 R/W
Gecko0.9.4 R

backgroundPositionX
backgroundPositionY
IE4.0 R/W
Gecko
 背景画像の初期位置
background-position属性(CSS)のX座標
background-position属性(CSS)のY座標

型：String
絶対単位 cm mm in pt pc or px
相対単位 em ex
パーセント %
垂直の整列 top
center
bottom
水平の整列 left
center
right
初期値 0% 0%

属性：background-position
属性：background-position-x
属性：background-position-y		 CSS
CSS1
backgroundRepeat

IE4.0 R/W
Gecko0.9.4 R
 背景画像の繰り返し方

型：String
no-repeat 繰り返さない
repeat-y 垂直方向に繰り返す
repeat-x 水平方向に繰り返す
repeat 水平垂直両方向に繰り返す (初期値)

属性：background-repeat		 CSS
CSS1
border
borderBottom
borderLeft
borderRight
borderTop

IE4.0 R/W
Gecko0.9.4 R
 囲むの枠線の幅、色、スタイル
下側の枠線の幅、色、スタイル
左側の枠線の幅、色、スタイル
右側の枠線の幅、色、スタイル
上側の枠線の幅、色、スタイル

borderColor , borderStyle , borderWidth

型：String

属性：border
属性：border-bottom
属性：border-left
属性：border-right
属性：border-top		 border
CSS
CSS1
W3C(DOM1)

else
CSS
CSS1

borderBottomColor
borderColor
borderLeftColor
borderRightColor
borderTopColor

IE4.0 R/W
Gecko0.9.4 R
 下側の枠線の色
囲むの枠線の色
左側の枠線の色
右側の枠線の色
上側の枠線の色

※borderColor 最大4色まで指定可能。
1色しか指定しない場合は四辺に適用される。
2色を指定した場合は最初の色が上下の辺に適用され、2番目の色が左右の辺に指定される。
3色を指定した場合は上辺、左右の辺、底辺に適用される。

型：String

属性：border-bottom-color
属性：border-color
属性：border-left-color
属性：border-right-color
属性：border-top-color		 borderColor
CSS
CSS1

else
CSS
CSS2
borderBottomStyle
borderLeftStyle
borderRightStyle
borderStyle
borderTopStyle

IE4.0 R/W
Gecko0.9.4 R
 下側の枠線のスタイル
左側の枠線のスタイル
右側の枠線のスタイル
囲む枠線のスタイル
上側の枠線のスタイル

型：String
none 線なし（border-widthの指定も無視される） (初期値)
solid 実線
double 要素のBackgroundの枠線が二重線になる
2つの線幅と線間の合計がborder-widthとなる
border-widthは3ピクセル以上を指定しなければならない
groove 指定した色で立体的に窪んだ感じのスタイル
ridge 指定した色で立体的に隆起した感じのスタイル
inset 指定した色で立体的に中にはめ込まれた感じのスタイル
outset 指定した色で立体的に外にはみ出した感じのスタイル

属性：border-bottom-style
属性：border-left-style
属性：border-right-style
属性：border-style
属性：border-top-style		 boderStyle
CSS
CSS1

else
CSS
CSS2
borderBottomWidth
borderLeftWidth
borderRightWidth
borderTopWidth
borderWidth

IE4.0 R/W
Gecko0.9.4 R/W
 下側の枠線の幅
左側の枠線の幅
右側の枠線の幅
上側の枠線の幅
囲むの枠線の幅

型：String
初期値 medium
減少 thin
増加 thick
単位 cm mm in pt pc px
em ex

※borderWidthは最大4つの幅を指定できる。
1つしか指定しない場合はそれが四辺に適用される。
2つ指定した場合は最初の値が上下の辺に適用され、2番目の値が左右の辺に指定される。
3つ指定した場合はそれぞれの色は上辺、左右の辺、底辺に適用される。

属性：border-bottom-width
属性：border-left-width
属性：border-right-width
属性：border-top-width
属性：border-width		 CSS
CSS1
bottom

IE4.0 R/W
Gecko0.9.4 R/W
 ドキュメントの下側を基準とした要素の位置

型：String
初期位置 auto
単位 cm mm in pt pc px
em ex
パーセント %

属性：bottom		 CSS
CSS2
clear

IE4.0 R/W
Gecko0.9.4 R
 回り込み要素を、ある要素の左右に置けるかどうか

型：String
all 要素は回り込み要素の下に移動する
left 要素は左側にある回り込み要素の下に移動する
right 要素は右側にある回り込み要素の下に移動する
none 両側の回り込みを許可する (初期値)

属性：clear		 CSS
CSS1
W3C(DOM1)
clip

IE4.0 R/W
Gecko0.9.4 R
 要素のどの部分を表示するか

表示領域の形状と大きさを定義する。表示領域以外の部分は透明になる。いずれの座標にもautoを指定すると対応する画像の端の座標として扱われる。デフォルト値は要素のすべてを表示。

型：String
rect(top right bottom left)
auto （初期値）

値の順番については注意は必要。clip:rect(0 0 50 50)とすると要素は全く表示されない。これはtopとrightの値が共に0になっているからでclip:rect(0 50 50 0)とすれば良い。

属性：clip

NS4：layers[].clip.top / clip.right / clip.bottom / clip.left / clip.height / clip.width		 CSS
CSS2
color

IE4.0 R/W
Gecko0.9.4 R/W
 テキストの色

型：Variant
値 色コード

属性：color

NS4：document[].fgColor		 STEP.45
CSS
CSS1
W3C(DOM1)
cssText

IE4.0 R/W
Gecko0.9.4 R
Gecko1.0.1 R/W
 スタイルのルール

型：String

文字列が返ったときは各属性に分解する。

属性：なし		 CSS
cursor

IE4.0 R/W
Gecko0.9.4 R
 マウスポインタの形状

型：String
auto 自動決定
crosshair 十字型
default 矢印
hand 手
help 疑問符付き矢印
move 矢印
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize		 方向
text I
wait 砂時計
all-scroll
col-resize
no-drop
not-allowed
pointer
progress
row-resize
url(uri)
vertical-text
 IE6以降

属性：cursor		 CSS
CSS2
display

IE4.0 R/W
Gecko0.9.4 R
 要素を表示するかどうか

型：String
none 表示しない
block ブロック要素
inline インライン要素 (初期値)
inline-block オブジェクトはインライン要素、オブジェクト内容はブロック要素
list-item ブロック要素にlist-itemマーカーが加わったもの (IE6以降)
table-header-group ヘッダは全ての列の前に表示
table-footer-group フッタは全ての列の後に表示

block、inline、list-item　は、明示的にサポートされていない。(IE5)

display=none　は、要素の表示位置に空白がない

属性：display

NS4：layers[].hidden (true/false)		 CSS
CSS1
filter

IE4.0 R/W
Gecko
 フィルタまたはフィルタコレクション

属性：Alpha , BlendTrans , Chroma , DropShadow , FlipH , FlipV , Glow , Gray , Invert , Light , MaskFilter , MotionBlur , Redirect , RevealTrans , Shadow , Wave , Xray		 STEP.75
font

IE4.0 R/W
Gecko0.9.4 R
 テキストフォント

fontStyle , fontVariant , fontWeight , fontSize , fontFamily の複合プロパティ。

型：String

属性：font		 CSS
CSS1
fontFamily

IE4.0 R/W
Gecko0.9.4 R
 テキストに使用されるフォント名

型：String
総称
フォント
ファミリー		 serif
sans-serif
cursive
fantasy
monospace
ブラウザが
サポートした
フォント		 Times
Helvetica
Zapf-Chancery
Western
Courier

複数のフォント名を指定する場合はカンマで区切り、スペースを含むフォント名の場合はクォーテーションで囲む

属性：font-family		 CSS
CSS1
fontSize

IE4.0 R/W
Gecko0.9.4 R/W
 フォントサイズ

型：String
定義されている
キーワード		 xx-small
x-small
small
medium (初期値)
large
x-large
xx-large
親のフォントサイズ
に対する
相対値		 larger
smaller
単位 cm mm in pt pc px
em ex
%

属性：font-size		 STEP.47
CSS
CSS1
fontStyle

IE4.0 R/W
Gecko0.9.4 R
 フォントスタイル

型：String
italic イタリック
normal 標準 (初期値)
oblique 斜体

属性：font-style		 CSS
CSS1
fontVariant

IE4.0 R/W
Gecko0.9.4 R
 フォントのバリエーション

型：String
normal 標準 (初期値)
small-caps 小文字サイズの大文字

属性：font-variant		 CSS
CSS1
fontWeight

IE4.0 R/W
Gecko0.9.4 R
 フォントの太さ

型：String
normal (初期値)
bold
bolder
lighter

属性：font-weight		 CSS
CSS1
height

IE4.0 R/W
Gecko0.9.4 R/W
 要素の高さ

型：String
初期値 auto
単位 cm mm in pt pc px
em ex
%


数値演算する場合はpixelHeightまたはposHeightを使用
パーセンテージの場合は親要素の幅を基準に処理される。

属性：height		 CSS
CSS1
W3C(DOM1)
left

IE4.0 R/W
Gecko0.9.4 R/W
 ドキュメントの左端を基準とした要素の位置

型：String
初期値 auto
単位 cm mm in pt pc px
em ex
%

属性：left

NS4：layers[].left		 STEP.74
STEP.92
STEP.93
STEP.94
CSS
CSS2
letterSpacing

IE4.0 NS
 要素の文字間

型：String
初期値 normal
単位 cm mm in pt pc px
em ex

属性：letter-spacing		 CSS
CSS1
lineHeight

IE4.0 R/W
Gecko0.9.4 R/W
 段落の行間

型：String
初期値 normal
単位 cm mm in pt pc px
em ex
%

属性：line-height		 CSS
CSS1
listStyle

IE5 R/W
Gecko0.9.4 R
 listStyleType、listStyleImage、listStylePosition　の複合プロパティ

型：String

属性：line-style		 CSS
CSS1
listStyleImage

IE5 R/W
Gecko0.9.4 R
 list-itemマーカーの画像指定


型：String
初期値 none
値 URL

属性：line-style-image		 CSS
CSS1
listStylePosition

IE5 R/W
Gecko0.9.4 R
 list-itemマーカーの表示仕様

list-itemのdisplay値を持っている要素に対してのみ適用。

型：String
outside テキストの外部に置かれる (初期値)
inside テキストの内部に置かれる

属性：line-style-position		 CSS
CSS1
listStyleType

IE5 R/W
Gecko0.9.4 R
 line-itemマーカーのタイプ

noneまたはURL先の画像が表示できなかった場合のline-itemマーカー定義

型：String
disc Solid circles (初期値)
circle Outlined circle.
square Solid squares
decimal 1, 2, 3, 4, …
lower-roman i, ii, iii, iv, …
upper-roman I, II, III, IV, …
lower-alpha a, b, c, d, …
upper-alpha A, B, C, D, …
none なし

属性：list-style-type		 CSS
CSS1
margin
marginBottom
marginLeft
marginRight
marginTop

IE4.0 R/W
Gecko0.9.4 R/W
 上右下左のマージンの大きさ
下マージンの大きさ
左マージンの大きさ
右マージンの大きさ
上マージンの大きさ

型：String
初期値 auto
単位 cm mm in pt pc px
em ex
%

属性：margin
属性：margin-bottom
属性：margin-left
属性：margin-right
属性：margin-top		 CSS
CSS1
overflow

IE4.0 R/W
Gecko0.9.4 R
 要素内容が要素の高さや幅を超えた場合の定義

型：String
visible スクロールバーなし(初期値)
scroll スクロールバーあり
hidden 表示領域外は見ることができない
auto 必要な場合にスクロールバーを表示

属性：overflow		 CSS
CSS2
paddingBottom
paddingLeft
paddingRight
paddingTop

IE4.0 R/W
Gecko0.9.4 R/W
 下側のパディング
左側のパディング
右側のパディング
上側のパディング

型：String
単位 cm mm in pt pc px
em ex
%

属性：padding-bottom
属性：padding-left
属性：padding-right
属性：padding-top		 CSS
CSS1
pageBreakAfter

IE4.0 R/W
Gecko0.9.4 R
 要素の後のページブレーク
後の内容がページの左右どちらへ表示させるか

型：String
auto 自動 (初期値)
always 常にページブレークを入れる
left 左側に空白ページが出るまで1つまたは2つのページブレークを入れる
right 右側に空白ページが出るまで1つまたは2つのページブレークを入れる
null String ページブレークを入れない

※ドキュメントを印刷するときに使う

属性：page-break-after		 CSS
CSS2
pageBreakBefore

IE4.0 R/W
Gecko0.9.4 R
 要素前のページブレークの挙動
後の内容がページの左右どちらへ表示させるか

型：String
auto 自動
always 常にページブレークを入れる
left 左側に空白ページが出るまで1つまたは2つのページブレークを入れる
right 右側に空白ページが出るまで1つまたは2つのページブレークを入れる
null String ページブレークを入れない

※ドキュメントを印刷するときに使う

属性：page-break-before		 CSS
CSS2
pixelHeight
pixelLeft
pixelTop
pixelWidth

IE4.0 R/W
Gecko
 要素の高さ
要素の左端座標
要素の上側座標
要素の幅

型：数値
値 ピクセル

属性：なし		 CSS
posHeight
posLeft
posTop
posWidth

IE4.0 R/W
Gecko0.9.4 R/W
 要素の高さ
要素の左端位置
要素の上側位置
要素の幅

型：浮動小数点の数値
値 height,left,top,width属性で指定した単位

属性：なし		 CSS
position

IE4.0 R/W
Gecko0.9.4 R
 要素の位置のタイプ

型：String
static HTMLの規定レイアウト (初期値)
absolute 絶対位置
relative 相対位置

属性：position		 CSS
CSS2
right

IE4.0 R/W
Gecko0.9.4 R/W
 ドキュメントの右端を基準とした要素の位置

型：String
初期値 auto
単位 cm mm in pt pc px
em ex
%

属性：right		 CSS
CSS2
styleFloat

IE4.0 R/W
Gecko
 回り込みスタイル

型：String
none 初期値
left オブジェクトの右側に回り込む
right オブジェクトの左側に回り込む

属性：float		 CSS
CSS1
textAlign

IE4.0 R/W
Gecko0.9.4 R
 行揃え

型：String
left 左寄せ
right 右寄せ
center 中央揃え
justify 均等配置

属性：text-align		 CSS
CSS1
textDecoration

IE4.0 R/W
Gecko0.9.4 R
 テキスト装飾

型：String
blink 点滅
line-through 消し線
overline 上線
underline 下線

属性：text-decoration		 CSS
CSS1
textDecorationBlink
textDecorationLineThrough
textDecorationNone
textDecorationOverline
textDecorationUnderline

IE4.0 R/W
Gecko
 点滅させるかどうか
消し線をつけるかどうか
装飾を解除するかどうか
上線を付けるかどうか
下線を付けるかどうか

型：Boolean
true 適応する
false 適応しない

属性：なし		 CSS
textIndent

IE4.0 R/W
Gecko0.9.4 R/W
 テキストのインデント

型：String
単位 cm mm in pt pc px
em ex
%

属性：text-indent		 CSS
CSS1
textTransform

IE4.0 R/W
Gecko0.9.4 R
 テキストの表示方法

型：String
none 変換されない (初期値)
capitalize 各単語の最初の文字だけ大文字に変換する
uppercase 全ての文字を大文字に変換する
lowercase 全ての文字を小文字に変換する

属性：text-transform		 CSS
CSS1
top

IE4.0 R/W
Gecko0.9.4 R/W
 ドキュメントの上側を基準とした要素の位置

型：String
初期値 auto
単位 cm mm in pt pc px
em ex
%

属性：top

NS4：layers[].top		 STEP.74
STEP.92
STEP.93
STEP.94
CSS
CSS2
verticalAlign

IE4.0 R/W
Gecko0.9.4 R/W
 要素の垂直位置

型：String
auto layout-flow属性の内容を整列させる
sub テキストを下付きにする
super テキストを上付きにする
top 要素のコンテントを要素の上側に合わせる
middle 要素のコンテントを要素の中央に合わせる
bottom 要素のコンテントを要素の下側に合わせる
baseline 要素のコンテントをベースラインに合わせる (初期値)
text-top テキストを要素の上側に合わせる
text-bottom テキストを要素の下側に合わせる

属性：vertical-align		 CSS
CSS1
visibility

IE4.0 R/W
Gecko0.9.4 R
 要素の内容を表示するかどうか

型：String
inherit 親オブジェクトを継承する (初期値)
visible 表示
hidden 非表示

visiblityは表示されていない場合でも要素部分にスペースを確保する。

属性：visibility

NS4：layers[].visibility (show/hide)		 STEP.88
STEP.89
STEP.94
CSS
CSS2
width

IE4.0 R/W
Gecko0.9.4 R/W
 要素の幅

型：String
初期値 auto
単位 cm mm in pt pc px
em ex
%

数値演算する場合は、pixelWidthまたはposWidthを使用

パーセンテージ指定の場合は親、要素の幅を基準に処理される。

属性：width		 CSS
CSS1
W3C(DOM1)
zIndex

IE4.0 R/W
Gecko0.9.4 R/W
 配置された要素のレイヤーの重なり順

値の増減によって変化する。

型：数値

属性：z-index

NS4：layers[].zIndex		 CSS
CSS2
JavaScript Style Method
getAttribute

IE4.0 NS6
 指定した属性の値を読み出す。

OBJ.getAttribute(name,case)
name 属性名
case オプション。true を指定すると属性名の大文字小文字を区別する。初期値はfalse。

複数の同名属性がある場合は最後の属性が適用される。


戻り値
定義された属性の文字列、数値、論理値を返し属性が存在しないと、nullを返す。		 W3C(DOM1)
removeAttribute

IE4.0 NS6
 要素から指定した属性を取り除く。

OBJ.removeAttribute(name,case)
name 属性名
case オプション。true を指定すると大文字小文字を区別して属性を検索する。初期値はfalse。

複数の同名属性がある場合は最後の属性が適用される。


戻り値
成功した場合はtrue、でない場合はfalse。		 W3C(DOM1)
setAttribute

IE4.0 NS6
 指定された属性に値を設定

OBJ.setAttribute(name,value,case)
name 属性名
value 属性に設定する文字列、数値、論理値。
case オプション。属性名の大文字小文字を区別するかどうか。trueの場合は大文字小文字を区別する。初期値はtrue。

指定の属性が無ければ値を追加する。

複数の同名属性がある場合は最初の属性が適用される。


戻り値
なし		 W3C(DOM1)