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カスタマイズでよく使うプロパティ集(詳細版)
参考リンク:スタイルシートリファレンス
コメント
0 件のコメント :
コメントを投稿