$B$3$3$G$O!"(BCSS$B$G!VBg$-$5!"I}!"?'!W$J$I$r;XDj$9$k:]$KMQ$$$kC10L$dL>A0$r>R2p$7$^$9!#(B
$B%U%)%s%H$d%^!<%8%s!"%Q%C%G%#%s%0$NBg$-$5$J$I!"D9$5$O4pK\E*$K(B em
$BC10L(B $B$N?t;z$G;XDj$7$^$9!#$3$l$O(B$BAjBPCM(B$B$G!"(B1em $B$,B6=h$G;H$o$l$F$$$k%U%)%s%H0lJ8;zJ,!J(BM $B$N9b$5(B = 1$B%/%o%?!K$KBP1~$7$F$$$^$9!#%U%)%s%H$NBg$-$5<+?H$KMQ$$$k;~$O!"?FMWAG$NCM$,;2>H$5$l$^$9!#(B
%
$B$G$b;XDj$G$-$k$N$G$9$,!"$3$N>l9g!"85$K$J$kNL$,%;%l%/%?!"%W%m%Q%F%#Kh$K0[$J$k$N$G!"B6$N@bL@$O$3$3$G$OA<$-$^$9!#B?$/$N>l9g$O!"Ev3:MWAG<+?H$N%U%)%s%H$NBg$-$5$+!"I=<(2DG=OH$ND9$5$r4p$K$H$j$^$9!#(B
$B@dBPCM(B$B$G!"%]%$%s%H(B pt
$B!"%;%s%A(B cm
$B!"%_%j(B mm
$B$J$I$G$b;XDj$G$-$^$9!#(B
$B"#(B $B@dBPE*$JD9$5$rI=$o$9C10L(B | $B"#(B $BAjBPE*$JD9$5$rI=$o$9C10L(B | ||
---|---|---|---|
in (inches) |
$B%$%s%A!J(B1$B%$%s%A(B = 2.54cm$B!K(B | em (ems) |
$B;HMQ$5$l$F$$$k%U%)%s%H!V(BM$B!W$N9b$5(B |
cm (centimeters) |
$B%;%s%A%a!<%H%k(B | ex (x-height) |
$BJ8;z!V(Bx$B!W$N9b$5(B |
mm (millimeters) |
$B%_%j%a!<%H%k(B | px (pixels) |
$B%T%/%;%k!J(B1$B%T%/%;%k(B = $B2rA|EY$K0MB8!K(B |
pt (points) |
$B%]%$%s%H!J(B1$B%]%$%s%H(B = 1/72$B%$%s%A!K(B | % (percentage) |
$B%Q!<%;%s%H(B |
pc (picas) |
$B%Q%$%+!J(B1$B%Q%$%+(B = 12$B%]%$%s%H!K(B |
$B!Z;HMQNc![(B
h1 { font-size: 14px; /* $BJ8;z$NBg$-$5!'(B14 pixels */ text-indent: 1em } /* $B9TF,$N;z2<$2!'(B1 em = 14*1 = 14 px */ h2 { font-size: 12px; /* $BJ8;z$NBg$-$5!'(B12 pixels */ margin: 0.5em } /* $B;M6y$K$H$k%9%Z!<%9!'(B0.5 em = 12*0.5 = 6 px */
Web$B%3%s%F%s%D$O!"!V=PNOAuCV$,FCDj$G$-$J$$!W$H1>$&FCD'$,M-$j$^$9!#(B
$BAjBPC10L(B$B$O<~0O$H$N%P%i%s%9$G%G%6%$%s$7$^$9$N$G!"=PNOAuCV$d%&%#%s%I%&$NBg$-$5$J$I$NJQ2=$KBP$7$F!"HFMQ@-$,9b$^$j$^$9!#0lJ}!"(B$B@dBPC10L(B$B$O%+%C%A%j$H%G%6%$%s$7$d$9$$$N$G$9$,!"FCDj$N%&%#%s%I%&!&%5%$%:$K:GE,2=$7$F$7$^$&$H!"B>$N%5%$%:$G8+$?$H$-$K!"2DFI@-$,J]$F$J$/$J$k62$l$,$"$j$^$9!#(B
$B$^$?!"@dBPC10L$G;XDj$9$k$H!"%a%s%F%J%s%9!&=$@5$,$7?I$$!"1\Mw
$B;d$OA4$F$N%5%$%:;XDj$r!"86B'(B em $BC10L$G9T$C$F$$$^$9!#@dBPC10L$G;XDj$9$k>l9g$O!"K\Ev$K$=$l$GNI$$$N$+Cm0U$7$F2<$5$$!#%&%#%s%I%&%5%$%:$rA[Dj$9$k>l9g$O!">.$5$a$N%5%$%:!J#8#0#0!_#6#0#0DxEY!K$G$b8+$i$l$k$h$&$K9M$($k$Y$-$G$9!#(B
font$B$O!"!V1\Mw
$B$=$3$G!"8D!9$N%U%)%s%H$r%G%6%$%s7OE}$GJ,N`$7!"$=$N!V7OE}L>!W$G;XDj$G$-$^$9!#!V8D!9$N%U%)%s%HL>!W$r(B "family name" $B$H8F$S!"$=$N%U%)%s%H$,B0$9$k!V7OE}!W$r(B "geneirc family" $B!JAm>N!K$H8F$S$^$9!#(B
$B4D6-$K$h$C$F$O!">e$K5s$2$?(B generic family $B$b;H$($J$$>l9g$,$"$j$^$9!#$3$N;~$O!"%V%i%&%6$G!VI8=`!W$K@_Dj$5$l$F$$$k%U%)%s%H$,BeMQ$5$l$^$9!#DL>o$N(B GUI $B%V%i%&%6$G$O!"OBJ8!&2$J8$=$l$>$l$K!"!VDL>o!W$H!VEyI}!W$N%U%)%s%H$,@_Dj$G$-$^$9!#(B $B!Z5-=R7A<0![(B
$BJ#?t$N%U%)%s%H$,@k8@$5$l$F$$$k>l9g$O!"@h$K5-=R$7$?J}$,M%@h=g0L$,9b$$!#(B $B!Z6qBNNc![(B
$B$3$NNc$G$O!"%V%i%&%6$,I=<($9$k:]!"(B
$B8DJL$N(Bfont$B$O%V%i%&%6$K$h$C$F$OMxMQ$G$-$J$$$+$b$7$l$^$;$s$,!"0lHL$K!V7OE}L>!JAm>NL>!K!W$O$I$N%V%i%&%6$G$bMxMQ=PMh$k$3$H$K$J$C$F$$$^$9!#(B
$B%U%)%s%HL>$O!"0zMQId(B $B%U%)%s%HL>$OBgJ8;z!&>.J8;z!&A43Q!&H>3Q$G87L)$K6hJL$7$^$9!#(B $B>\$7$$;H$$J}$O!"(BCSS FONT properties$B$r8fMw2<$5$$!#(B $B?'$O4pK\E*$K(B RedGreenBlue (rgb) $B$N8w$N6/$5$r!"(B16$B?J?t(B;( $B8w$N;086?'!'(B $B8w$N;086?'$N6/EY$rD4@0$7$F!"A4$F$N?'$rI=8=$7$^$9!#(B $B$h$j>\:Y$J?'I=!'(B $B#rrggbb)$B!#(B 16 $B%S%C%H$N(B 32$B%S%C%H$G$O!"#1?'Ev$?$j!V#1#6?J?t$NFs7e!a#2#5#6CJ3,!W$,;0?'$"$k$o$1$G$9$+$i!"7k2LE*$K$O(B 256$B!_(B256$B!_(B256 = 16777216 $B?'I=8=$G$-$^$9!#$3$l$O#P#C$N%b%K%?!<$N%H%%%k!<%+%i!$J$j$^$;$s!#$7$+$7!"DL>o$O$3$l$[$I$N?'?t$OI,MW$"$j$^$;$s!#(B $B>e$K$"$2$??'L>$O!"(B HTML 4, XHTML 1 $B$GDj5A$5$l$F$$$kA4(B 16 $B?'$G$"$j!"J;5-$7$?(B RGB $B;XDj$HEy2A$G$9!#(B $B;29M!'(B32$B%S%C%H?'I=8=I=(B $BFC$K!"(B rgb $BCM$r(B $B$^$?!"8D!9$N%f!<%6$N%b%K%?$K$O$P$i$D$-$,$"$j!"FCDj$9$k$N$OIT2DG=$G$9!#=>$C$F!"%5%$%H@=:n $B%Q%=%3%s$N%b%K%?$O!"(B RGB $B$N3F!9$r(B 0-255 $B$^$G$N#2#5#6CJ3,!J#2$N#8>h!K$GD4@a$7!"$3$l$rAH$_9g$o$;$F?'$rI=8=$7$F$$$^$9!#$3$l$ODL>o(B$B%H%%%k!<%+%i!<(B$B$H8F$P$l$^$9!#(B $B#1?'Ev$?$j#2#5#6CJ3,$,#3?'$G(B 256*256*256 = 16777216 $B?'!##1?'Ev$?$j#1#6CJ3,$KMn$H$7$?$b$N$r(B$B%O%$%+%i!<(B$B$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 0-255 $B$N(B 10 $B?J?t(B$B5Z$S(B$B%Q!<%;%s%HCM(B$B$G$b(B RGB $BCM$r;XDj$G$-$^$9!'(B $B$3$N$H$-$N(B WebSafeColor $B$NBP1~I=$r7G$2$F$*$-$^$9!((B
IE$B!"(BNN$B$J$I$N%V%i%&%6$G$OFH<+3HD%$G?'L>$r7h$a$F$*$j!"(B140$B?'0J>e$N?'L>$,6&DL$K7h$a$i$l$F$$$^$9!#$7$+$7!"$3$l$i$O%V%i%&%60MB8$GIT0BDj$G$"$k$N$G!"$3$3$G$O6qBNNc$r4v$D$+5s$2$k$K;_$a!"LVMeE*$J>R2p$O$7$^$;$s!'(B $B$G$OR2p$7$?%Q%i%a%?$rCM$K
font-family:$B7OE}L>(B;
sample
font-family:serif;
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz$BL@D+7O(B
$BF|K\8l4A;z8+K\(B
$B$"$$$&$($*%"%$%&%(%*(B
font-family:sans-serif;
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz$B%4%7%C%/7O(B
$BF|K\8l4A;z8+K\(B
$B$"$$$&$($*%"%$%&%(%*(B
font-family:cursive;
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abc defghijklmnopqrstuvwxyz$B $BF|K\8l4A;z8+K\(B
$B$"$$$&$($*%"%$%&%(%*(B
font-family:monospace;
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz$BEyI}%U%)%s%H(B
$BF|K\8l4A;z8+K\(B
$B$"$$$&$($*%"%$%&%(%*(B
font-family:fantasy;
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz$BAu>~E*(B
$BF|K\8l4A;z8+K\(B
$B$"$$$&$($*%"%$%&%(%*(B
p {font-family:'font1','font2',GenericFamily}
/* 'font1'$B$,L5$1$l$P(B'font2'$B$r;HMQ(B
$B$=$l$b$J$1$l$P!"(Bgeneric family $B$r;HMQ(B */
font1
$B$,L5$$>l9g$O(B font2
$B$,MxMQ$5$l$^$9!#(B
code {font-family:'courier new','courier','$B#M#S(B $B%4%7%C%/(B',monospace}
'Courier New'
$B$,L5$1$l$P(B'Courier'
$B$r;HMQ!"L5$1$l$P(B'$B#M#S(B $B%4%7%C%/(B'
$B$r;HMQ!"2?$bL5$1$l$P7OE}(B monospace
$B$KB0$9$kBfBX%U%)%s%H$r;HMQ$7$^$9!#(B
'font-family'
$B@k8@$N:G8e$K$3$l$r5-=R$7$F$*$/$HNI$$$G$7$g$&!#(B
'
$B$G3g$C$F5-=R$7$J$1$l$P$J$i$J$$!#(B
samples>
$B$=$NB>$N(B$B%U%)%s%H!&%5%s%W%k(Bcolors
0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f
) $B$G;XDj$7$^$9!J(B#rgb
$B!K!#(B
#000
#333
#666
#999
#ccc
#fff
#000
#003
#006
#009
#00c
#00f
#000
#300
#600
#900
#c00
#f00
#000
#030
#060
#090
#0c0
#0f0
#000
#033
#066
#099
#0cc
#0ff
#000
#303
#606
#909
#c0c
#f0f
#000
#330
#660
#990
#cc0
#ff0
#036
$B$O!"(B32 $B%S%C%H$G$O(B #003366
$B$H2rJN,7A$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
0, 3, 6, 9, c, f
$B$G;XDj$7$?(B 6*6*6 = 216$B?'$O!"(B win. $B$G$b(B mac. $B$G$bF1$8?'$KH/?'$9$k!J2rZ$5$l$?(B websafecolor $B$G$9!#$7$+$7!"A4$/F1$84D6-$G$b!"%b%K%?!"%V%i%&%6!"(Bos$B$K$h$C$F6qBNE*$JH/?'$O0[$J$j$^$9$7!":G6a$G$OKX$I$N%b%K%?$,%O%$%+%i!e$NI=8=G=NO$K@_Dj$5$l$F$$$^$9$N$G!"%;!<%U%+%i!<$N0UL#$b$J$/$J$C$F$-$^$7$?!#(B10$B?J?t;XDj$H%Q!<%;%s%H;XDj(B
rgb(000,255,000)
= rgb(0,100%,0)
= #00ff00
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%)
Snow |#fffafa
Linen | #faf0e6
NavajoWhite | #ffdead
Lavender | #e6e6fa
DarkSlateGray | #2f4f4f
MidnightBlue | #191970
MediumBlue | #0000cd
DodgerBlue | #1e90ff
LightCyan | #e0ffff
Torquoise | #40e0d0
SeaGreen | #2e8b57
MediumAquaMarine | #66cdaa
SpringGreen | #00ff7f
OliveDrab | #6b8e23
Gold | #ffd700
Goldenrod | #daa520
DrakGoldenrod | #b8860b
Violet | #ee82ee
Orchid | #da70d6
BlueViolet | #8a2be2
MediumSlateBlue | #7b68ee
SEO
[PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送