スタイルシートコマンドリファレンス

フォントの種類や色、サイズ、背景の色や画像などを変更してオリジナルのデザインを作成します。
これだけ知っていればブログのカスタマイズができるというスタイルシートの属性をピックアップしました。

1. 文字のデザイン
2. 背景のデザイン
3. 段落のデザイン
4. マージン、パッディング
5. ボーダー
6. その他

1. 文字のデザイン

color文字色を指定する
color:red;
color:#ff0000;
font-sizeフォントのサイズを指定する
font-size:11pt;
line-height行の高さを指定する
line-height:14pt;
font-familyフォントの種類を指定する
font-family:Arial,Helvetica,sans-serif;
text-align行揃えの位置を指定する
text-aligne:left;
text-aligne:center;
text-aligne:right;
vertical-align縦方向の揃え位置を指定する
vertical-align:top;
vertical-align:middle;
vartical-align:bottom;
text-decorationテキストの下線・上線・打ち消し線を指定する
text-decoration:none;
text-decoration:underline;
text-decoration:overline;
text-decoration:line-through;
font-weightフォントの太さを指定する
font-weight:normal;
font-weight:bold;
font-styleフォントをイタリック体・斜体にする
font-style:italic;
font-style:oblique;

2. 背景のデザイン

background-color背景色を指定する
background-color:red;
background-color:#ff0000;
background-image背景画像を指定する
url("http://www.blogcustomize.com/images/back.gif")
background-position背景画像の表示開始位置を指定する
background-position:left;
background-position:center;
background-position:right;
background-repeat背景画像のリピート方法を指定する
background-repeat:repeat-x;
background-repeat:repeat-y;
background-repeat:no-repeat;

3. 段落のデザイン

width幅を指定する
width:200px;
width:20%;
height高さを指定する
height:200px;
height:20%;

4. マージン、パッディング

marginマージンに関する指定をまとめて行う
margin:10px;
margin:5px 10px 5px 10px;
margin-top
margin-bottom
margin-left
margin-right
上下左右マージンを指定する
margin-top:10px;
paddingパディングに関する指定をまとめて行う
padding:10px;
padding:5px 10px 5px 10px;
padding-top
padding-bottom
padding-left
padding-right
上下左右パディングを指定する
padding-top:10px;

5. ボーダー

border-colorボーダーの色を指定する
border-color:#ff0000;
border-color:#ff0000 #00ff00 #ff0000 #ff0000;
border-top-color
border-bottom-color
border-left-color
border-right-color
上下左右ボーダーの色を指定する
border-top-color:#ff0000;
border-styleボーダーのスタイルを指定する
border-style:none;
border-style:dotted;
border-style:dashed;
border-style:solid;
border-style:double;
border-top-style
border-bottom-style
border-left-style
border-right-style
上下左右ボーダーのスタイルを指定する
border-top-style:solid;
border-widthボーダーの太さを指定する
border-width:1px;
border-width:1px 0px 1px 0px;
border-top-width
border-bottom-width
border-left-width
border-right-width
上下左右ボーダーの太さを指定する
border-top-width:2px;
borderボーダーのスタイル・太さ・色を指定する
border:solid 1px #ff0000;
border-top
border-bottom
border-left
border-right
上下左右ボーダーのスタイル・太さ・色を指定する
border-top:solid 1px #ff0000;

6. その他

float左または右に寄せて配置する
float:left
clear回り込みを解除する
clear:left
トップページへ戻る

サイトマップ

Seesaaブログのカスタマイズ > スタイルシート カスタマイズ > コマンドリファレンス
スタイルシート カスタマイズ

スタイルシート作成ツール

HTMLカスタマイズ
サイト全体

記事コンテンツ

コメント、トラックバック
新着記事

カテゴリ

最近のコメント、トラックバック

検索ページ

その他