プロパティの種類

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)paddingCSSでのレイアウト作成を参照)
    ・padding-top … 上の内側の余白
    ・padding-right … 右の内側の余白
    ・padding-bottom … 下の内側の余白
    ・padding-left … 左の内側の余白

  (5)marginCSSでのレイアウト作成を参照)
    ・margin-top … 上の外側の余白
    ・margin-right … 右の外側の余白
    ・margin-bottom … 下の外側の余白
    ・margin-left … 左の外側の余白

  (6)list-style
    ・list-style-type … マーカーの種類
    ・list-style-position … マーカーの表示位置
    ・list-style-image … マーカーを画像で表示


投稿日

カテゴリー:

,

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください