Home › CSSリファレンス
プロパティ |
機能 |
主な値 |
種別 |
備考 |
|---|---|---|---|---|
| { background } | 背景関連プロパティの一括指定 | 各背景関連プロパティを参照 | 背景 | ‐ |
| { background-attachment } | 背景画像の移動・固定 | : scroll (画像をスクロールと共に移動) : fixed (スクロールとともに移動しない) |
背景 | ‐ |
| { background-color } | 背景色 | : transparent (親要素の背景が透過される) : 色(RBG値 / キーワード) |
背景 | ‐ |
| { background-image } | 背景画像 | : none|: url ("画像のパス") | 背景 | ‐ |
| { background-repeat } | 背景画像の繰り返し | : repeat (背景画像を全体に敷き詰める) : repeat-x (背景画像を水平方向に繰り返す) : repeat-y (背景画像を垂直方向に繰り返す) : no-repeat (背景画像を1つだけ表示) |
背景 | ‐ |
| { background-position } | 背景画像の初期位置 | : 0% 0% (padding領域の左上端が基準) : 長さpx (padding領域の左上端が基準) : top|center|bottom (垂直位置) : left|center|right (水平位置) |
背景 | ‐ |
| { border } | border関連プロパティの一括指定 | : 太さ(px等) 形状(solid等) 色(キーワード等) | ボーダー | ‐ |
| { border-color } | borderの色の一括指定 | : transparent(親要素の背景が透過される) : 色(RBG値 / キーワード) |
ボーダー | ‐ |
| { border-width } | borderの太さ | : thin|medium|thick|長さ(px等)|inherit ※指定する値の数で上下左右の適用対象が異なる |
ボーダー | ‐ |
| { border-style } | borderのスタイル | : none|hidden|dotted|dashed| solid|double|groove|ridge| inset|outset|inherit |
ボーダー | ‐ |
| { border-top } | border(上)の一括指定 | : 太さ(px等) 形状(solid等) 色(キーワード等) | ボーダー | ‐ |
| { border-right } | border(右)の一括指定 | : 太さ(px等) 形状(solid等) 色(キーワード等) | ボーダー | ‐ |
| { border-bottom } | border(下)の一括指定 | : 太さ(px等) 形状(solid等) 色(キーワード等) | ボーダー | ‐ |
| { border-left } | border(左)の一括指定 | : 太さ(px等) 形状(solid等) 色(キーワード等) | ボーダー | ‐ |
| { margin } | margin関連プロパティの一括指定 | : 0%|長さ(px等)|auto|inherit | マージン | ‐ |
| { margin-top } | margin(上)の一括指定 | : 0%|長さ(px等)|auto|inherit | マージン | ‐ |
| { margin-right } | margin(右)の一括指定 | : 0%|長さ(px等)|auto|inherit | マージン | ‐ |
| { margin-bottom } | margin(下)の一括指定 | : 0%|長さ(px等)|auto|inherit | マージン | ‐ |
| { margin-left } | margin(左)の一括指定 | : 0%|長さ(px等)|auto|inherit | マージン | ‐ |
| { padding } | padding関連プロパティの一括指定 | : 0%|長さ(px等)|auto|inherit | パディング | ‐ |
| { padding-top } | padding(上)の一括指定 | : 0%|長さ(px等)|inherit | パディング | ‐ |
| { padding-right } | padding(右)の一括指定 | : 0%|長さ(px等)|inherit | パディング | ‐ |
| { padding-bottom } | padding(下)の一括指定 | : 0%|長さ(px等)|inherit | パディング | ‐ |
| { padding-left } | padding(左)の一括指定 | : 0%|長さ(px等)|inherit | パディング | ‐ |
| { font } | font関連プロパティの一括指定 | 各font関連プロパティを参照 | フォント | ‐ |
| { font-family } | fontの種類 | : フォントファミリー名 総称ファミリー名 | フォント | ‐ |
| { font-size } | fontのサイズ | : 絶対サイズ|相対サイズ 長さ(px等)|0%|inherit |
フォント | ‐ |
| { font-style } | fontのスタイル | : normal|italic|oblique(斜体)|inherit | フォント | ‐ |
| { font-weight } | fontの太さ | : normal|bold|bolder|lighter 100~900(100単位)|inherit |
フォント | ‐ |
| { text-align } | 行揃えの位置・均等割付 | : left|right|center|justify|inherit | 文字・行 | ‐ |
| { vertical-align } | 縦方向の揃え位置 | : baseline|sub|super|top text-top|middle|bottom text-bottom|0%|長さ(px等)|inherit |
文字・行 | ‐ |
| { text-decoration } | テキストの下線・上線・打消線・点滅 | : none|underline|overline line-through(打消線)|blink(点滅) |
文字・行 | ‐ |
| { letter-spacing } | 文字の間隔 | : nomal|長さ(px等)|inherit | 文字・行 | ‐ |
| { word-spacing } | 単語の間隔 | : nomal|長さ(px等)|inherit | 文字・行 | ‐ |
| { line-height } | 行の高さ | : none|実数|0%|長さ(px等)|inherit | 文字・行 | ‐ |
| { color } | 文字色 | : RBG値 | キーワード | 文字・行 | ‐ |
| { float } | 左または右に寄せて配置 | : left | right | none | inherit | 表示・配置 | ‐ |
| { clear } | 回り込みの解除 | : none|left|right|both|inherit | 表示・配置 | ‐ |
| { position } | ボックスの配置方法(基準位置) | : static|relative|absolute|fixed|inherit | 表示・配置 | ‐ |
| { visibility } | ボックスの表示・非表示 | : visible|hidden|collapse|inherit | 表示・配置 | ‐ | { z-index } | 重なりの順序 | : auto|整数|inherit | 表示・配置 | ‐ |
WNI
information for web designers
Copyright 2012.webnote.info, some rights reserved.
In order to view this website, I recommend using the newest web browser which supports CSS3.
Even if you use a recommended web browser, the website may not be displayed correctly under some browser settings.