Blogger Labo:【CSS】Bloggerカスタマイズのためのプロパティ一覧表

Bloggerカスタマイズでよく使うプロパティを一覧表にしてみました(基本的に自分用)。


文字(テキスト・フォント)



プロパティ名説明
font-size文字サイズ数値(pxほか)、%、xx-small、x-small、small、medium、large、x-large、xx-large
font-weight文字の太さ数値(100~900)、normal(標準)、bold(太字)、lighter(細め)、bolder(太め)
font-style文字の形態normal(標準)、italic(イタリック体)、oblique(斜体)
font-familyフォントの種類フォント名、sans-serif、serif、cursive、fantasy、monospace
line-height行の高さnormal、数値(px、em)、数値のみ、%
text-decoration文字の装飾none(標準)、underline(下線)、overline(上線)、line-through(打ち消し線)ほか
color文字色カラーネーム(redなど)、配色パターン(#000000など)

色・背景



プロパティ名説明
background背景全体カラーネーム(redなど)、配色パターン(#000000など)、画像URLほか
background-color背景色カラーネーム(redなど)、配色パターン(#000000など)、透明(transparent)
background-image背景画像画像URL、none(なし)
background-repeat背景画像の繰り返しrepeat(縦横)、repeat-x(横方向)、repeat-y(縦方向)、no-repeat(なし)
background-position背景画像の開始位置キーワード(left/center/right、top/center/bottom)、%、数値

幅・高さ



プロパティ名説明
width横幅を指定auto(自動)、数値(px)、%
max-width横幅の最大値を指定none(なし)、数値(px)、%
min-width横幅の最小値を指定none(なし)、数値(px)、%
height高さを指定auto(自動)、数値(px)、%
max-height高さの最大値を指定none(なし)、数値(px)、%
min-height高さの最小値を指定none(なし)、数値(px)、%

余白(マージン・パディング)



プロパティ名説明
margin外側の余白を指定auto(自動)、数値(px)、%
padding内側の余白を指定auto(自動)、数値(px)、%

線(枠線・境界線)



プロパティ名説明
border線の指定下記参照
border-color線の色カラーネーム(redなど)、配色パターン(#000000など)、透明(transparent)
border-style線の装飾solid、double、groove、ridge、inset、outset、dashed、dotted、none、hidden
border-width線の太さ数値(pxほか)、thin(細い)、medium(普通)、thick(太い)

表示・配置など



プロパティ名説明
display要素の表示形式を指定inline、block、noneほか
float要素を左・右に寄せるleft(左寄せ)、right(右寄せ)、none(指定なし)
clear回り込みを解除left(左寄せ解除)、right(右寄せ解除)、both(すべて解除)、none(解除しない)

リスト(箇条書きリストなど)



プロパティ名説明
list-styleリストのスタイルsquare、inside、画像URL、noneほか
list-style-typeリストマーカーのタイプnone、disc、circle、square、lower-romanほか
list-style-positionリストマーカーの位置outside(領域の外側)、inside(領域の内側)
list-style-imageリストマーカーを画像に画像URL、none(なし)

テーブル



プロパティ名説明
table-layoutテーブルの表示方法auto(列幅を自動で変更)、fixed(列幅を固定)
border-collapseセルの枠線タイプcollapse(セルの枠を重ねる)、separate(セルの枠の間隔を空ける)
text-align行の揃え位置left(左)、right(右)、center(中央)ほか
vertical-align列の揃え位置baseline、top(上)、middle(中央)、bottom(下)、数値(pxほか)、%

関連記事:Bloggerカスタマイズでよく使うプロパティ集(詳細版)
参考リンク:スタイルシートリファレンス