|
|
スタイルシートでの指定 |
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 | |