$BGX7J$H?'(B

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%#(B 'color'
$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

32 $B%S%C%H$N(B RGB $B?'I=8=(B
#000000black #800000maroon #008000green #000080navy
#c0c0c0silver #ff0000red #00ff00lime #0000ffblue
#808080gray #800080purple #808000olive #008080teal
#ffffffwhite #ff00fffuchsia #ffff00yellow #00ffffaqua

$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

$B?'$N(B 10 $B?J?t$H(B 16 $B?J?t$HHfN(I=8=(B
16$B?J?t(B10$B?J?t(B%
00-ff0-2550.0%-100.0%
#rrggbbrgb(rrr,ggg,bbb)rgb(rr%,gg%,bb%)
#000000rgb(0,0,0)rgb(0%,0%,0%)
#003300rgb(0,51,0)rgb(0%,20%,0%)
#ffffffrgb(255,255,255)rgb(100%,100%,100%)
websafecolor
16$B?J?t(B00336699ccff #rrggbb
10$B?J?t(B051102153204255 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%#(B 'background-color'
$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%#(B 'background-image'
$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%#(B 'background-repeat'
$B%W%m%Q%F%#L>(B$BCM(B
background-repeatrepeat | 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%#(B 'background-attachment'
$B%W%m%Q%F%#L>(B$BCM(B
background-attachmentscroll | 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%#(B 'background-position'
$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

$BFs$Dl9g(B
$B0l$DL\$NCM$,:81&!"Fs$DL\$NCM$,>e2<$r;XDj$7$^$9!#(B
$B0l$Dl9g(B
$B:81&$NCM$H2re2<$OCf1{$KI=<($5$l$^$9!#(B

$BCM$K5v$5$l$k%-!<%o!<%I$N0UL#$O

top
$B2hA|$N>eC<$H!"%Q%C%G%#%s%0NN0h$r4^$a$?MWAG$N>eC<$,=E$J$k;XDj$G$9!#C1FH$G;XDj$7$?>l9g!"?eJ?J}8~$N0LCV$O(B center $B$H2r
left
$B2hA|$N:8C<$H!"%Q%C%G%#%s%0NN0h$r4^$a$?MWAG$N:8C<$,=E$J$k;XDj$G$9!#C1FH$G;XDj$7$?>l9g!"?bD>J}8~$N0LCV$O(B center $B$H2r
center
$B?bD>J}8~$H$7$F$O!"2hA|$N=DJ}8~$N??$sCf$H!"%Q%C%G%#%s%0NN0h$r4^$a$?MWAG$N=DJ}8~$N??$sCf$,=E$J$k$h$&$KI=<($5$l$^$9!#?eJ?J}8~$H$7$F$O!"2hA|$N2#J}8~$N??$sCf$H!"%Q%C%G%#%s%0NN0h$r4^$a$?MWAG$N??$sCf$,=E$J$j$^$9!#C1FH$G;XDj$7$?>l9g$O!"=D2#APJ}$KIU$$$F(B center $B$,;XDj$5$l$F$$$k4p$H2r
<length>
$B2hA|$N:8>eC<$H!"%Q%C%G%#%s%0NN0h$r4^$a$?MWAG$N:8>eC<$H$N$:$l$NBg$-$5$r;XDj$7$^$9!#(B
$BAjBPCM;XDj$NC10L(B
  • em: $B%U%)%s%H$NBg$-$5(B
  • ex: $B>.J8;z$N9b$5(B
  • px: $B%T%/%;%k(B
$B@dBPCM;XDj$NC10L(B
  • in: $B%$%s%A!#(B2.54 cm
  • cm: $B%;%s%A%a!<%H%k(B
  • mm: $B%_%j%a!<%H%k(B
  • pt: $B%]%$%s%H!#(B1/72 $B%$%s%A(B
  • pc: $B%T%+!#(B12 $B%]%$%s%H(B
<percentage>
$B%l%s%@%j%s%0$,2DG=$J6k7ANN0h$N9b$5$HI}$KBP$9$kHfN($r%Q!<%;%s%H$G;XDj$7$^$9!#(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%#(B 'background-attachment'
$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] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送