スタイルシートでの指定

JavaScriptでの指定

>指定例

フォント

サイズ

font-size

fontSize

large, 12pt, 120%, larger

種類

font-family

fontFamily

Helvetica, Arial, sans-serif

太さ

font-weight

font-weight

normal, bold, bolder

スタイル

font-style

fontStyle

normal, italic

テキスト

行間

line-height

lineHeight

10pt, 150%

装飾

text-decoration

textDecoration

none, underline, blink

ケース

text-transform

textTransform

capitalize, uppercase, lowercase

行揃え

text-align

textAlign

left, right, center, justify

インデント

text-indent

textIndent

3em, 120%

ブロックレベル
フォーマッティング

マージン

margin-left

marginLeft

10pt, 110%, auto

margin-right

marginRight

margin-top

marginTop

margin-bottom

marginBottom

margin

margins( )

margins("10pt", "20pt", "30pt", "40pt")

パディング

padding-left

paddingLeft

10pt, 110%, auto

padding-right

paddingRight

padding-top

paddingTop

padding-bottom

paddingBottom

padding

paddings( )

paddings("10pt", "20pt", "30pt", "40pt")

ボーダー

border-top-width

borderTopWidth

10pt, 110%, auto

border-right-width

borderRightWidth

border-top-width

borderTopWidth

border-bottom-width

borderBottomWidth

border-width

borderWidth( )

ボーダースタイル

border-style

borderStyle

none, solid, double, inset, outset,groove

ボーダーカラー

border-color

borderColor

#0000FF,rgb(0%, 0%, 100%)

width

width

 

行揃え

float

align

left, right, none

回り込み

clear

clear

none, left, right, both

カラーと
バックグラウンド

(描画)カラー

color

color

#000000 〜 #ffffff

バックグラウンドイメージ

background-image

backgroundImage

バックグラウンドカラー

background-color

backgroundColor

分類

ディスプレイ

display

dislpay


リストスタイル

list-style-type

listStyleType

circle, square, decimal, lower-roman

空白の扱い

white-space

whiteSpace

normal, pre