CSSプロパティ
テキスト・フォント
プロバティ | 用途 |
---|---|
「font-size」プロパティ | 文字サイズの指定 |
「font-weight」プロパティ | 文字の太さ指定 |
「font-style」プロパティ | 文字スタイルの指定 |
「font-family」プロパティ | 文字のフォント種類を指定 |
「line-height」プロパティ | 行間や文字の高さを指定 |
「text-align」プロパティ | 文字や画像の水平方向の表示位置を指定 |
「text-decoration」プロパティ | 文字の装飾を指定 |
「vertical-align」プロパティ | 文字や画像の垂直方向の表示位置を指定 |
「text-indent」プロパティ | 文字の1行目の字下げを指定 |
「letter-spacing」プロパティ | 文字の間隔を指定 |
「word-spacing」プロパティ | タグや単語の間隔を指定 |
「white-space」プロパティ | ソース中の文字(テキスト)の自動改行を指定 |
幅・高さ
プロバティ | 用途 |
---|---|
「width」プロパティ | 要素の幅を指定 |
「height」プロパティ | 要素の高さを指定 |
「max-width」プロパティ | 要素の最大の幅を指定 |
「min-width」プロパティ | 要素の最小の幅を指定 |
「max-height」プロパティ | 要素の最大の高さを指定 |
「min-height」プロパティ | 要素の最小の高さを指定 |
色・背景
プロバティ | 用途 |
---|---|
「color」プロパティ | 文字色の指定 |
「background」プロパティ | 背景に関するすべてを指定 |
「background-color」プロパティ | 要素の背景色を指定 |
「background-image」プロパティ | 要素に背景画像を指定 |
「background-repeat」プロパティ | 要素の背景画像の並び方を指定 |
「background-position」プロパティ | 背景画像の表示位置を指定 |
「background-attachment」プロパティ | 背景画像の固定表示を指定 |
「background-clip」プロパティ | 背景画像や背景色の適用範囲を指定 |
「background-origin」プロパティ | 背景画像や背景色の基準点を指定 |
表示・配置
プロバティ | 用途 |
---|---|
「overflow」プロパティ | 要素の内容が要素内に収まりきらない場合にどのように処理するかを指定 |
「display」プロパティ | ブロックレベル要素をインラインで表示したり、インライン要素をブロックレベルで表示指定 |
「visibility」プロパティ | 文書のレイアウトを変更することなく要素を表示したり非表示に指定 |
「clip」プロパティ | 要素の切り抜き領域を指定 |
「clear」プロパティ | floatプロパティによるボックスの回り込みを解除するために指定 |
「float」プロパティ | ブロック要素を左右に設置し、テキストやインライン要素がその周りを回りこめるように指定 |
マージン・パディング
プロバティ | 用途 |
---|---|
「margin」プロパティ | ボックス要素の外側の余白をまとめて指定 |
「margin-top」プロパティ | ボックス要素の上側(外側)の余白を指定 |
「margin-right」プロパティ | ボックス要素の右側(外側)の余白を指定 |
「margin-bottom」プロパティ | ボックス要素の下側(外側)の余白を指定 |
「margin-left」プロパティ | ボックス要素の左側(外側)の余白を指定 |
「padding」プロパティ | ボックス要素の内側の余白をまとめて指定 |
「padding-top」プロパティ | ボックス要素の上側(内側)の余白を指定 |
「padding-right」プロパティ | ボックス要素の右側(内側)の余白を指定 |
「padding-bottom」プロパティ | ボックス要素の下側(内側)の余白を指定 |
「padding-left」プロパティ | ボックス要素の左側(内側)の余白を指定 |
境界線
プロバティ | 用途 |
---|---|
「border」プロパティ | ボーダー(境界線)の太さ・スタイル・色を指定 |
「border-top」プロパティ | 上部のボーダー(境界線)の太さ・スタイル・色を指定 |
「border-right」プロパティ | 右側のボーダー(境界線)の太さ・スタイル・色を指定 |
「border-bottom」プロパティ | 下部のボーダー(境界線)の太さ・スタイル・色を指定 |
「border-left」プロパティ | 左側のボーダー(境界線)の太さ・スタイル・色を指定 |
「border-width」プロパティ | ボーダー(境界線)の太さをまとめて指定 |
「border-top-width」プロパティ | 上部のボーダー(境界線)の太さを指定 |
「border-right-width」プロパティ | 右側のボーダー(境界線)の太さを指定 |
「border-bottom-width」プロパティ | 下部のボーダー(境界線)の太さを指定 |
「border-left-width」プロパティ | 左側のボーダー(境界線)の太さを指定 |