| HOME | MAIL | 本館：b-cures. | 別館：Template b |
 
PR ★高収入が可能！ＷＥＢデザインのプロになってみない？！

スタイルシートサンプル

▼スタイルシートとは

前ページで説明したそのタグ内の何に対して、どう処理するかは以下を参考にしてください。

▼文字装飾系

そのタグ内の何に対して どう処理するか

font-family : 〜 ;

書体の種類 Verdana
書体の種類 ＭＳ Ｐゴシック
書体の種類 sans-serif
書体の種類 Arial
書体の種類 Helvetica
font-size : 〜px ; fontサイズを指定する
font-weight : 〜 ;

fontの太さを指定する
100〜900の数字
bold(太文字)bolder(1まわり太い)
lighter(1まわり細い)normal(標準)
text-decoration : 〜 ;

文字に…
overline(上線)underline(下線)line-through(取消線)blink(点滅)none(なし)
a { text-decoration : none ;}
でリンクの下線を消せます。

▼背景装飾系

　　　　
そのタグ内の何に対して どう処理するか
margin:〜px ; 指定したタグ内の物との間隔を指定
background-color : 〜 ; 背景色を指定
background-image : 〜 ; 背景画像を指定
background-repeat : 〜 ;

背景画像を繰り返す可否を指定
repeat→背景画像を繰り返し表示の可否
repeat-x→横方向にだけ繰り返す
repeat-y→縦方向にだけ繰り返す
no-repeat→繰り返さず1枚のみ表示
background-attachment : 〜 ; 背景画像のスクロール可否を指定
fixed→背景を固定
scroll→背景画像のスクロール許可
background-position : 〜 ;

背景画像を表示する位置を指定
top(上段)center(中央)bottom(下段)left(左端)right(右端 )

▼枠線装飾系

テーブルやFORMなどに使用します。

そのタグ内の何に対して どう処理するか
border: 〜 ; 枠線を種類を指定
solid(1本線)double(2本線)dashed(破線)dotted(点線)none(枠線なし)
border-color : 〜 ;

枠線の色を指定
border-width : 〜px ;

枠線の太さを指定
border-○○○-color : 〜 ;

上下左右の枠線の色を個別に指定
top(上段 )bottom(下段)left(左端)right(右端 )

border-○○○-width : 〜px ;

上下左右の枠線の太さを個別に指定
top(上段 )bottom(下段)left(左端)right(右端 )

border-○○○-style : 〜 ;

上下左右の枠線の種類を個別に指定
top(上段 )bottom(下段)left(左端)right(右端 )

(C)2006 html sample. All Rights Reserved.