タグ

ブックマーク / www.webword.jp (1)

  • 背景画像の位置の設定(background-position) - 背景プロパティ - スタイルシート入門

    背景画像はデフォルトでは、対象となる要素の左上(パディングの部分)に表示されますが、要素内のどの位置に表示させるかの設定方法について見ていきます。定義式は下記のようになります。 background-position : h-position v-position background-position : h-position プロパティは"background-position"です。値には数字+単位で指定します。例えば下記のようになります。 background-position : 10px 10px; background-position : 50% 0%; background-position : 10px; ※単位については「値の単位と記述方法」を参照して下さい。 値を2つ指定する場合は、水平位置と垂直位置の順で半角スペースで区切って指定します。値を1つだけ指定した場合は

    o_hiroyuki
    o_hiroyuki 2012/12/05
    パーセンテージで指定した場合は、例えば 10% 20% と指定した場合、画像内で左から10%の位置で上から20%の位置にある箇所が、要素内の左から10%の位置で上から20%の位置にあるように配置されます
  • 1