忍者ブログ
忍者ブログのテンプレートを作成中
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

背景画像に関するタグ。

■背景画像の指定
background-image:url(画像アドレス);

■背景画像の繰り返しをするかしないかの指定
繰り返さない(一枚絵を置く場合など)
background-repeat:no-repeat;
繰り替えす(壁紙画像などを敷き詰める場合など)
background-repeat:repeat;

■背景画像の位置の指定
 =横位置(左端からの距離)、=縦位置(上からの距離)
background-position: ;

【例1】キーワード指定
left(左)、center(中央)、 right(右)、top(上)、bottom(下)
background-position:left center; /*左端・中央*/
background-position:right top; /*右端・上*/
【例2】%指定
background-position:0% 100%; /*左端・下*/
background-position:50% 50%; /*中央*/
background-position:20% 80%; /*左端から20%・上から80%*/

■背景画像の固定・移動の指定
背景画像を固定
background-attachment:fixed;
背景画像をスクロールに合わせて移動(デフォルト)
background-attachment:scroll;



記述例
body {
background-image:url(画像アドレス);
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;
}

拍手

PR
文字のサイズ(font-size)の絶対サイズ。

■pt指定
28ptフォント font
24ptフォント font
20ptフォント font
18ptフォント font
16ptフォント font
14ptフォント font
12ptフォント font
10ptフォント font
8ptフォント font

■px指定
28pxフォント font
24pxフォント font
20pxフォント font
18pxフォント font
16pxフォント font
14pxフォント font
12pxフォント font
10pxフォント font
8pxフォント font

■キーワード指定
xx-smallフォント font
x-smallフォント font
smallフォント font
mediumフォント font
largeフォント font
x-largeフォント font
xx-largeフォント font

拍手

文字のサイズ(font-size)の相対サイズ。

■キーワード指定
smaller(一段階小さく)フォント font
無指定フォント font
larger(一段階大きく)フォント font


■パーセント指定
200%フォント font
150%フォント font
120%フォント font
100%フォント font
95%フォント font
90%フォント font
85%フォント font
80%フォント font
75%フォント font
70%フォント font
65%フォント font
60%フォント font
55%フォント font
50%フォント font


■比較
基準値 100% 80% 65%
medium フォント font フォント font フォント font
small フォント font フォント font フォント font
16px フォント font フォント font フォント font
14px フォント font フォント font フォント font
12px フォント font フォント font フォント font
12pt フォント font フォント font フォント font
10pt フォント font フォント font フォント font

拍手

HOME |  次のページ>>
Calendar
03 2017/04 05
S M T W T F S
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
Latest Entries
Profile
HN:
emile
性別:
女性
リンク用バナー:
banner.gif banner.png

Search
QRCode

Template By Emile*Emilie / Material by Auto-Alice
忍者ブログ [PR]