CSSセレクタはスタイルを適用する対象を指定するものです、使用例を付けて説明します
(1)border
・border-width … 線の太さ
・border-style … 線の種類
・border-color … 線の色
組み合わせて使います
・border-top … 上のボーダー
・border-right … 右のボーダー
・border-bottom … 下のボーダー
・border-left … 左のボーダー
(2)background
・background-color … 背景色
・background-image … 背景画像
・background-repeat … 背景画像の並べ方
repeatで繰り返し、no-repeatで繰り返しなし、repeat-xで横方向、repeat-yで縦方向
・background-position … 背景画像の表示位置(水平方向、垂直方向の順で指定する)
・background-attachment … 背景画像のスクロール
(3)font
・font-style … イタリック体と斜体の指定(初期値は標準)
・font-variant … スモールキャピタルを指定
・font-weight … フォントの太さ
・font-size … フォントサイズ
・line-height … 行の高さ
・font-family … フォントの種類
(4)padding(CSSでのレイアウト作成を参照)
・padding-top … 上の内側の余白
・padding-right … 右の内側の余白
・padding-bottom … 下の内側の余白
・padding-left … 左の内側の余白
(5)margin(CSSでのレイアウト作成を参照)
・margin-top … 上の外側の余白
・margin-right … 右の外側の余白
・margin-bottom … 下の外側の余白
・margin-left … 左の外側の余白
(6)list-style
・list-style-type … マーカーの種類
・list-style-position … マーカーの表示位置
・list-style-image … マーカーを画像で表示
コメントを残す