CSSリファレンス
投稿日: / 更新日:
スタイルシートの初心者向けリファレンスです。少しずつ、追加していこうと思います。
border
| 項目 | 説明 |
|---|---|
| border | 上下左右の枠線の各プロパティをまとめて指定する。 |
| border-top | 上枠の各プロパティをまとめて指定する。 |
| border-right | 右枠の各プロパティをまとめて指定する。 |
| border-bottom | 下枠の各プロパティをまとめて指定する。 |
| border-left | 左枠の各プロパティをまとめて指定する。 |
| border-color | 枠線の色をまとめて指定する。 |
| border-top-color | 上枠の色を指定する。 |
| border-right-color | 右枠の色を指定する。 |
| border-bottom-color | 下枠の色を指定する。 |
| border-left-color | 左枠の色を指定する。 |
| border-style | 枠線のスタイルをまとめて指定する。 |
| border-top-style | 上枠のスタイルを指定する。 |
| border-right-style | 右枠のスタイルを指定する。 |
| border-bottom-style | 下枠のスタイルを指定する。 |
| border-left-style | 左枠のスタイルを指定する。 |
| border-width | 枠線の幅をまとめて指定する。 |
| border-top-width | 上枠の幅を指定する。 |
| border-right-width | 右枠の幅を指定する。 |
| border-bottom-width | 下枠の幅を指定する。 |
| border-left-width | 左枠の幅を指定する。 |
| border-radius | 要素の全ての角を丸める。 |
| border-top-left-radius | 要素の左上を丸める。 |
| border-top-right-radius | 要素の右上を丸める。 |
| border-bottom-right-radius | 要素の右下を丸める。 |
| border-bottom-left-radius | 要素の左下を丸める。 |
| border-image | 枠線画像の各プロパティをまとめて指定する。 |
| border-image-source | 枠線画像のパスを指定する。 |
| border-image-width | 枠線画像の表示領域の幅を指定する。 |
| border-image-outset | 枠線画像の境界線を外側に広げる。 |
| border-image-repeat | 枠線画像の繰り返しを調整する。 |
| border-image-slice | 枠線画像の切り取りを調整する。 |
background
| 項目 | 説明 |
|---|---|
| background | 背景のプロパティをまとめて指定する。 |
| background-color | 背景色を指定する。 |
| background-image | 背景画像を指定する。 |
| background-attachment | スクロール時の背景画像の挙動を指定する。 |
| background-clip | 背景が及ぶ範囲を指定する。 |
| background-origin | 背景画像の起点を指定する。 |
| background-size | 背景画像のサイズを指定する。 |
| background-repeat | 背景画像の繰り返し表示を調整する。 |
| background-position | 背景画像の位置を調整する。 |
| background-position-x | 背景画像の水平方向の位置を調整する。 |
| background-position-y | 背景画像の垂直方向の位置を調整する。 |
| background-blend-mode | 背景色ろ背景画像をブレンドする。 |
margin
| 項目 | 説明 |
|---|---|
| margin-top | 上方向の外部余白の幅を指定する。 |
| margin-bottom | 下方向の外部余白の幅を指定する。 |
text
| 項目 | 説明 |
|---|---|
| color | 文字色を指定する。 |
| text-align | 文字寄せを指定する。 |
| text-align-last | 最終行の文字寄せを指定する。 |
| text-decoration | 文字の装飾を指定する。 |
| text-decoration-color | 文字の装飾に色を付ける。 |
| text-decoration-line | 文字の装飾をまとめて指定する。 |
| text-decoration-style | 文字の装飾にスタイルを付ける。 |
| text-indent | テキストにインデントを付けて文字下げをする。 |
| text-justify | 均等割り付けのスタイルを指定する。 |
| text-overflow | テキストが表示領域を超えた場合のスタイルを指定する。 |
| text-shadow | テキストに影の効果を付ける。 |
| text-transform | 英文テキストの大文字、小文字を調節する。 |
transform
| 項目 | 説明 |
|---|---|
| transform | 要素に2D、3Dの変形効果を与える。 |
| transform-origin | 変形効果を与える際のX軸、Y軸の位置、及びZ軸方向の視点位置を指定する。 |
| transform-style | 子要素が3D空間における位置関係を保持するかを指定する。 |
| backface-visibility | 要素の裏面を表示するか否かを指定する。 |
その他
| 項目 | 説明 |
|---|---|
| 単位 | サイズの指定に利用できる単位の一覧です。 |