color:ColorName | ブラウザがサポートしているColorName |
color:ColorCode | 16進数(#rrggbb)による指定 |
font-size:数値 (pt,px,cm,in,%) |
pt:ポイント px:ピクセル cm:センチメートル in:インチ %:ブラウザの標準フォントサイズに対するパーセンテージ |
font-size:xx-small | ブラウザの標準フォントサイズ×1/3pt |
font-size:x-small | ブラウザの標準フォントサイズ×1/2pt |
font-size:small | ブラウザの標準フォントサイズ×1/1.5pt |
font-size:medium | ブラウザの標準フォントサイズ |
font-size:large | ブラウザの標準フォントサイズ×1.5pt |
font-size:x-large | ブラウザの標準フォントサイズ×2pt |
font-size:xx-large | ブラウザの標準フォントサイズ×3pt |
font-weight:extra-light | 極細 |
font-weight:light | 細 |
font-weight:medi-light | 中細 |
font-weight:medium | 標準 |
font-weight:medi-bold | 中太 |
font-weight:bold | 太 |
font-weight:extra-bold | 極太 |
font-style:normal | 標準 |
font-style:italic | 斜体 |
font-family:フォント名 | フォント名の指定は標準でインストールされているフォントを使用したほうが良い。 ユーザーのマシンにインストールされていないフォントを使用した場合は デフォルトのフォントで表示されてしまいます。 尚、NetscapeNavigatorでは正常に表示されないときがあります。 |
text-decoration:none | 装飾無し |
text-decoration:underline | 下線 |
text-decoration:line-through | 打ち消し線 |
text-align:left | 左揃え |
text-align:center | 中央揃え |
text-align:right | 右寄せ |
text-indent:数値 (pt,px,cm,in,%) |
pt,px,cm,inについてはfont-sizeと同じですが、 %指定の場合は、スタイル指定されたテキストの幅に対するパーセンテージのことです。 |
line-height:数値 (pt,px,cm,in,%) |
ベースラインと次の行のベースラインの間隔を指定できます。 pt,px,cm,inについてはfont-sizeと同じですが、 sample:{line-height:150%; font-size:10pt} これは、10ptの文字に対して行間隔を150%(15pt)に指定した例です。 |
margin-left:数値 (pt,px,cm,in,%) | テキストの左マージン |
margin-right:数値 (pt,px,cm,in,%) | テキストの右マージン |
margin-top:数値 (pt,px,cm,in,%) | テキストの上マージン |
margin:数値 (pt,px,cm,in,%) |
テキストの左・右・上マージンを一度に指定できます。 指定順序はmargin-left,right,topの順です。 sample:{margin:20px 20px 30px} 必ずしも単位を統一する必要はありませんが、なるべく統一したほうが修正をする際は楽でしょう。 |
background:ColorName | 背景色をColorNameで指定 |
background:ColorCode | 背景色をColorCodeで指定 |
background:画像url | 背景画像を表示 |
background:画像url repeat | 背景画像を縦,横に繰り返し表示 |
background:画像url norepeat | 背景画像の繰り返し表示を行わない |
background:画像url repeat-x | 背景画像を横にのみ繰り返し表示 |
background:画像url repeat-y | 背景画像を縦にのみ繰り返し表示 |
background:画像url fixed | スクロール時に背景画像を固定 |
background:画像url scroll | スクロール時に背景画像も一緒にスクロールする |
background:画像url x% y% | 背景画像の表示位置を指定 |