スタイル指定一覧
ホームページやブログなどのウェブサイトでは、<p>や<div>などのブロックタグおよび<span>などのインラインタグにスタイルを指定することができます。ここでは、こうしたタグに指定できるスタイル一覧をご紹介します。別ページで個別に解説しているものは『意味(参照ページ)』欄にリンクが貼ってありますので、詳しくはそちらをご覧ください。
スタイル指定一覧
| スタイル | 意味(参照ページ) | キーワード | 意味(参照ページ) |
| background | 背景スタイル一括指定 | 背景色 背景画像URL 繰返し方法 固定指示 画像の表示位置 ※半角スペースで区切って指定 | |
| background-color | 背景色 | #16進数または色名称 | |
| background-image | 背景画像 | url(画像パスまたはURL) | |
| background-repeat | 背景画像の繰返し表示方法 | repeat | 上下左右に繰返し |
| x-repeat | X方向に繰返し | ||
| y-repeat | Y方向に繰返し | ||
| no-repeat | 繰返しなし | ||
| background-position | 背景画像の位置 | 絶対サイズまたは相対サイズで、左右の表示位置 上下の表示位置の順でスペースで区切って指定 または下記のキーワードで上下の配置と左右の配置をスペースで区切って指定 | |
| left | 左右の配置を左に | ||
| center | 左右の配置を中央に | ||
| right | 左右の配置を右に | ||
| top | 上下の配置を上に | ||
| middle | 上下の配置を中央に | ||
| bottom | 上下の配置を下に | ||
| background-attachment | 背景画像の固定 | scroll | 通常 |
| fixed | 固定 | ||
| border | 枠スタイル一括指定 | 全体の枠の太さ 全体の枠の色 全体の枠の太さ ※半角スペースで区切って指定 | |
| bordr-width | 枠の太さ | 絶対サイズまたは相対サイズ | |
| border-top-width | 上の枠の太さ | bordr-widthと同じ | |
| border-bottom-width | 下の枠の太さ | bordr-widthと同じ | |
| border-left-width | 左の枠の太さ | bordr-widthと同じ | |
| border-right-width | 右の枠の太さ | bordr-widthと同じ | |
| border-color | 枠の色 | #16進数または色名称 | |
| border-top-color | 上の枠の色 | border-colorと同じ | |
| border-bottom-color | 下の枠の色 | border-colorと同じ | |
| border-left-color | 左の枠の色 | border-colorと同じ | |
| border-right-color | 右の枠の色 | border-colorと同じ | |
| border-style | 枠線の種類 | none | なし |
| hidden | なし | ||
| dotted | 丸い点線 | ||
| dashed | 四角い点線 | ||
| solid | 実線 | ||
| double | 二重線 | ||
| groove | 凹んだような立体枠 | ||
| ridge | 尖ったような立体枠 | ||
| inset | 中央が凹のような立体枠 | ||
| outset | 中央が凸のような立体枠 | ||
| border-top-style | 上の枠線の種類 | border-styleと同じ | |
| border-bottom-sytle | 下の枠線の種類 | border-styleと同じ | |
| border-left-style | 左の枠線の種類 | border-styleと同じ | |
| border-right-style | 右の枠線の種類 | border-styleと同じ | |
| color | 文字の色 | #16進数または色名称 | |
| font | 書体、サイズ、行の高さ、太さ、スタイルをまとめて指定 | イタリックの指定 スモールキャピタルの指定 文字の太さ 文字の大きさ 行の高さ 書体名 ※半角スペースで区切って指定 | |
| font-family | 書体の指定 | '書体名1','書体名2'… | |
| font-size | 文字の大きさ | 絶対サイズ、相対サイズまたは下記のキーワード | |
| xx-small | 超特小 | ||
| x-small | 特小 | ||
| small | 小 | ||
| medium | 標準 | ||
| xx-large | 超特大 | ||
| x-large | 特大 | ||
| large | 大 | ||
| smaller | より小さく | ||
| larger | より大きく | ||
| font-style | イタリック/斜体の指定 | normal | 通常 |
| italic | イタリック体 | ||
| oblique | 斜体 | ||
| font-variant | 英文字スタイルの指定 | normal | 通常 |
| small-caps | スモールキャピタル | ||
| font-weight | 文字の太さ | 絶対サイズ、相対サイズまたは100(細い)~900(太い)までの数値を100刻みで指定 | |
| height | ブロック文章の高さ | 絶対サイズまたは相対サイズ | |
| leffter-spacing | 文字間隔 | 絶対サイズまたは相対サイズ | |
| line-height | 行の高さ | 絶対サイズまたは相対サイズ | |
| margin | マージン一括指定 | 上マージン 右マージン 下マージン 左マージンの順で半角スペースで区切って指定 | |
| margin-top | 上マージン | 絶対サイズまたは相対サイズ | |
| margin-bottom | 下マージン | 絶対サイズまたは相対サイズ | |
| margin-left | 左マージン | 絶対サイズまたは相対サイズ | |
| margin-right | 右マージン | 絶対サイズまたは相対サイズ | |
| overflow | あふれ部分の表示方法 | visible | width、heightを無視して全内容を表示 |
| scroll | スクロールバーを付けて表示 | ||
| hidden | 表示幅を超えた部分は非表示 | ||
| auto | 表示幅を超えた場合にスクロールバーを付けて表示 | ||
| overflow-x | 横方向のあふれ部分の表示方法 | overflowと同じ | |
| overflow-y | 縦方向のあふれ部分の表示方法 | overflowと同じ | |
| padding | パディング一括指定 | 上パディング 右パディング 下パディング 左パディングの順で半角スペースで区切って指定 | |
| padding-top | 上パディング | 絶対サイズまたは相対サイズ | |
| padding-bottom | 下パディング | 絶対サイズまたは相対サイズ | |
| padding-left | 左パディング | 絶対サイズまたは相対サイズ | |
| padding-right | 右パディング | 絶対サイズまたは相対サイズ | |
| position | ブロック文章の表示位置 | static | 自動 |
| absolute | bodyの左上を原点とする座標系 | ||
| relative | 直前のブロックタグが原点の座標系 | ||
| text-align | 行揃え | left | 左詰め |
| center | 中央揃え | ||
| right | 右詰め | ||
| justify | 均等配置 | ||
| text-decoration | 文字の修飾 | none | 通常 |
| underline | 下線 | ||
| overline | 上線 | ||
| line-through | 取消線 | ||
| blink | 点滅 | ||
| text-indent | 文字下げ | 絶対サイズまたは相対サイズ | |
| test-transform | 大文字/小文字の自動変換 | none | 通常 |
| capitalize | 単語の先頭の一文字を大文字にする | ||
| uppercase | 大文字にする | ||
| lowercase | 小文字にする | ||
| unicode-bidi | 文字方向 | ltr | 左から右へ |
| rtl | 右から左へ | ||
| inherit | 親エレメントの文字方向を継承 | ||
| width | ブロック文章の幅 | 絶対サイズまたは相対サイズ | |
| work-break | 禁則処理 | normal | 単語ごとに改行 |
| break-all | 単語/語句を無視して強制的に改行 | ||
| keep-all | 単語/語句を無視して強制的に改行語句ごとに改行 | ||
| word-spacing | 単語間隔 | 絶対サイズまたは相対サイズ | |