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要素の裏面を表示するか否かを指定する。

その他

項目説明
単位サイズの指定に利用できる単位の一覧です。