Revised: Jun./4th/2004
color
$B%W%m%Q%F%#(B 'color
' $B$O!"%;%l%/%?$K%^%C%A$7$?BP>]$NA07J?'$r;XDj$7$^$9!#J8;zNs$rFbMF$H$9$k>l9g$O!"J8;z?'$N;XDj$K$J$j$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
color | <color> | inherit |
'color
' $B$O;RMWAG$K7Q>5$5$l$^$9!#%G%U%)%k%H$NCM$O!"%f!<%6%(!<%8%'%s%H$K0MB8$7$^$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B<color>
$B$K$O!"(B16 $B?'$N?'L>$+!"?t;z$K$h$k;XDj$,2DG=$G$9!#(B
#000000 | black |
#800000 | maroon |
#008000 | green |
#000080 | navy |
#c0c0c0 | silver |
#ff0000 | red |
#00ff00 | lime |
#0000ff | blue |
#808080 | gray |
#800080 | purple |
#808000 | olive |
#008080 | teal |
#ffffff | white |
#ff00ff | fuchsia |
#ffff00 | yellow |
#00ffff | aqua |
$B%Q%=%3%s$N%b%K%?$O!"(B RGB $B$N3F!9$r(B 0-255 $B$^$G$N(B 256 $BCJ3,!J(B2$B$N(B8$B>h!K$GD4@a$7!"$3$l$rAH$_9g$o$;$F?'$rI=8=$7$F$$$^$9!#$3$l$ODL>o%H%%%k!<%+%i!<$H8F$P$l$^$9!#(B
1 $B?'Ev$?$j(B 256 $BCJ3,$,(B 3 $B?'$G(B 256*256*256 = 16777216 $B?'!#(B1 $B?'Ev$?$j(B 16 $BCJ3,$KMn$H$7$?$b$N$r%O%$%+%i!<$H8F$S!"(B 16*16*16 = 4096 $B?'I=<($G$-$^$9!#(B CSS $B$N(B 16 $B?J?tI=<(!J(B16*16 = 256$B!K$O!"$3$l$KBP1~$7$^$9!#(B
16$B?J?t(B | 10$B?J?t(B | % |
---|---|---|
00-ff | 0-255 | 0.0%-100.0% |
#rrggbb | rgb(rrr,ggg,bbb) | rgb(rr%,gg%,bb%) |
#000000 | rgb(0,0,0) | rgb(0%,0%,0%) |
#003300 | rgb(0,51,0) | rgb(0%,20%,0%) |
#ffffff | rgb(255,255,255) | rgb(100%,100%,100%) |
16$B?J?t(B | 00 | 33 | 66 | 99 | cc | ff | #rrggbb |
---|---|---|---|---|---|---|---|
10$B?J?t(B | 0 | 51 | 102 | 153 | 204 | 255 | rgb(rrr,ggg,bbb) |
% | 0% | 20% | 40% | 60% | 80% | 100% | rgb(r%,g%,b%) |
$B%W%m%Q%F%#(B 'color
' $B$NNc!'(B
/* body $BMWAG$NA07J?'!JJ8;z?'$J$I!K$,9u(B */ body { color: black } /* h1 $BMWAG$NA07J?'$,@V(B */ h1 { color: red } /* p $BMWAG$NA07J?'$,G;$$%0%l!<(B */ p { color: #333 } /* strong $BMWAG$NA07J?'$O?FMWAG$NCM$r7Q>5(B */ strong { color: inherit }
background-color
$B%W%m%Q%F%#(B 'background-color
' $B$O!"%;%l%/%?$K%^%C%A$7$?BP>]$NGX7J?'$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
background-color | <color> | transparent | inherit |
'background-color
' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$OF)L@$r0UL#$9$k(B transparent
$B$G$9!#?FMWAG$N?'$,F)2a$7$^$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B<color>
$B$K$O!"(B16 $B?'$N?'L>$+!"?t;z$K$h$k;XDj$,2DG=$G$9!#(B
$B%W%m%Q%F%#(B 'background-color
' $B$NNc!'(B
/* body $BMWAG$NGX7J?'$r9u!"A07J?'$rGr(B */
body { color: white;
background-color: black }
$BA07J?'$HGX7J?'$O!"F1;~$K;XDj$9$k$h$&$K$7$^$7$g$&!#(B
background-image
$B%W%m%Q%F%#(B 'background-image
' $B$O!"%;%l%/%?$K%^%C%A$7$?BP>]$NGX7J2hA|$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
background-image | <uri> | none | inherit |
'background-image
' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O!"2hA|$,B8:_$7$J$$$3$H$r0UL#$9$k(B none
$B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B<uri>
$B$K$O!"2hA|$N(B URI $B$r;XDj$7$^$9!#(BCSS $B%U%!%$%k$+$i$NAjBP(B URL $B$+!"@dBP(B URL $B$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#(B 'background-image
' $B$NNc!'(B
/* body $BMWAG$NGX7J?'$r9u!"A07J?'$rGr!"(B
$BGX7J2hA|$O0l$D>e$N%G%#%l%/%H%jFb$N(B cover.png */
body { color: white;
background-color: black;
background-image: url(../cover.png) }
$BGX7J2hA|$r;XDj$9$k$H$-$O!"GX7J?'$bF1;~$K;XDj$9$k$h$&$K$7$^$7$g$&!#GX7J2hA|$,F@$i$l$J$$>l9g$O!"GX7J?'$GI=<($5$l!"GX7J2hA|$,F@$i$l$k>l9g$O!"GX7J?'$N>e$K2hA|$,>h$k$3$H$K$J$j$^$9!#(B
$B8e$G>R2p$9$k>JN,%W%m%Q%F%#(B 'background
' $B$r;H$($P!"
/* body $BMWAG$NGX7J?'$r9u!"A07J?'$rGr!"(B
$BGX7J2hA|$O0l$D>e$N%G%#%l%/%H%jFb$N(B cover.png */
body { color: white;
background: black url(../cover.png) }
background-repeat
$B%W%m%Q%F%#(B 'background-repeat
' $B$O!"%;%l%/%?$K%^%C%A$7$?BP>]$NGX7J2hA|$N7+$jJV$7J}K!$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
background-repeat | repeat | repeat-x | repeat-y | no-repeat | inherit |
'background-repeat
' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O!"=D2#J}8~$K7+$jJV$5$l$k(B repeat
$B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#7+$jJV$5$J$$>l9g$O(B no-repeat
$B!"2#J}8~$K$@$17+$jJV$9$K$O(B repeat-x
$B!"=DJ}8~$K$@$17+$jJV$9$K$O(B repeat-y
$B$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#(B 'background-repeat
' $B$NNc!'(B
/* body $BMWAG$NGX7J?'$r9u!"A07J?'$rGr!"(B
$BGX7J2hA|$O0l$D>e$N%G%#%l%/%H%jFb$N(B cover.png$B!"(B
$BGX7J2hA|$O=DJ}8~$K$@$17+$jJV$9(B */
body { color: white;
background-color: black;
background-image: url(../cover.png);
background-repeat: repeat-y }
background-attachment
$B%W%m%Q%F%#(B 'background-attachment
' $B$O!"%;%l%/%?$K%^%C%A$7$?BP>]$NGX7J2hA|$N%9%/%m!<%kJ}K!$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
background-attachment | scroll | fixed | inherit |
'background-attachment
' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O!"J8=q$N%9%/%m!<%k$H0l=o$K%9%/%m!<%k$9$k(B scroll
$B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#A07JJ*$N%9%/%m!<%k$KBP$7$FGX7J2hA|$r%&%#%s%I%&$K8GDj$9$k$K$O(B fixed
$B$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#(B 'background-attachment
' $B$NNc!'(B
/* body $BMWAG$NGX7J?'$r9u!"A07J?'$rGr!"(B
$BGX7J2hA|$O0l$D>e$N%G%#%l%/%H%jFb$N(B cover.png$B!"(B
$BGX7J2hA|$O=DJ}8~$K$@$17+$jJV$9!"(B
$BGX7J$O%&%#%s%I%&$KBP$7$F8GDj$7$F%9%/%m!<%k$7$J$$(B */
body { color: white;
background-color: black;
background-image: url("../cover.png");
background-repeat: repeat-y;
background-attachment: fixed }
background-position
$B%W%m%Q%F%#(B 'background-position
' $B$O!"%;%l%/%?$K%^%C%A$7$?BP>]$NGX7J2hA|$N0LCV$N=i4|CM$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
background-position | [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inheri |
'background-position
' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O!"J8=q$N:8>eC<$r0UL#$9$k(B 0% 0%
$B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B
'background-position
'$B%W%m%Q%F%#$NCM$O0l$D!"0?$OFs$D$H$j$^$9!#(B
$BCM$K5v$5$l$k%-!<%o!<%I$N0UL#$O
em
: $B%U%)%s%H$NBg$-$5(Bex
: $B>.J8;z$N9b$5(Bpx
: $B%T%/%;%k(Bin
: $B%$%s%A!#(B2.54 cmcm
: $B%;%s%A%a!<%H%k(Bmm
: $B%_%j%a!<%H%k(Bpt
: $B%]%$%s%H!#(B1/72 $B%$%s%A(Bpc
: $B%T%+!#(B12 $B%]%$%s%H(B$B%W%m%Q%F%#(B 'background-position
' $B$NNc!'(B
/* body $BMWAG$NGX7J?'$r9u!"A07J?'$rGr!"(B
$BGX7J2hA|$O0l$D>e$N%G%#%l%/%H%jFb$N(B cover.png$B!"(B
$BGX7J2hA|$O=DJ}8~$K$@$17+$jJV$9!"(B
$BGX7J$O%&%#%s%I%&$KBP$7$F8GDj$7$F%9%/%m!<%k$7$J$$!"(B
$BGX7J2hA|$N=i4|0LCV$OCf1{(B */
body { color: white;
background-color: black;
background-image: url(../cover.png);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center }
background
$B%W%m%Q%F%#(B 'background
' $B$O!"GX7J;XDj$N>JN,2=%W%m%Q%F%#$G$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
background-attachment | [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit |
'background
' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O!"L$Dj5A$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B
$B%W%m%Q%F%#(B 'background
' $B$NNc!'(B
/* body $BMWAG$NGX7J?'$r9u!"A07J?'$rGr!"(B
$BGX7J2hA|$O0l$D>e$N%G%#%l%/%H%jFb$N(B cover.png$B!"(B
$BGX7J2hA|$O=DJ}8~$K$@$17+$jJV$9!"(B
$BGX7J$O%&%#%s%I%&$KBP$7$F8GDj$7$F%9%/%m!<%k$7$J$$!"(B
$BGX7J2hA|$N=i4|0LCV$OCf1{(B */
body { color: white;
background: black url("../cover.png") repeat-y fixed center }
$BITMW$J;XDj$OI,MW$"$j$^$;$s!#Nc$($P!"
/* $BGX7J?'$r9u!"GX7J2hA|$O(B"../cover.png" */
body { color: white;
background: black url(../cover.png) }
SEO | [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送 | ||