last modified 5th/Oct. 2000
%fontstyle; $B$KB0$9$k$h$&$J%U%)%s%H>pJs$O!"(B CSS $B$rMxMQ$9$k$3$H$G!"$h$jLZL\:Y$+$/=@Fp$K;XDj$G$-$^$9!#(B
$B$3$3$G$O!"(B CSS $B$N%U%)%s%H$H!"%F%-%9%HAu>~$K4X78$7$?%W%m%Q%F%#$r>R2p$7$^$9!#>\$7$/$O!"!V(BCSS $B$N>R2p(B$B!W$r;2>H$7$F$/$@$5$$!#(B
CSS2 $B$G=i$a$F8=$l$?%W%m%Q%F%#$dDI2C$5$l$?%W%m%Q%F%#CM$b!"$$$/$D$+>R2p$7$^$9!#(BCSS2 $B$O(B CSS1 $B$r4^$_!"Aj8_$KL7=b$7$J$$$H$5$l$F$$$^$9$N$G!"5$$K$;$:$8$c$s$8$c$s;H$C$F$/$@$5$$!#C"$7!":Y$+$$=j$G>/!9$NJQ99$b$"$j$^$9!#(B
$B9T4V$H$O!"9T$H9T$N4V$N%9%Z!<%9$N;v$G$9$,!"(B line-height $B%W%m%Q%F%#$G$O!"9T$HDlJU$HA08e$9$k9T$NDlJU$H$N4V3V$r;XDj$7$^$9!#(B line-height $B$+$iJ8;z$NBg$-$5$r0z$$$?$b$N$,9T4V$K$J$j$^$9!#(B
line-height | normal | <number> | <length> | <%> | inherit |
---|
<number>, <%> $B$G$O!"MWAG$N(B$B%U%)%s%H!&%5%$%:(B$B$H$N@Q$G7W;;$5$l$^$9!#(B
normal
$B$G$9!#(Bp { font-size:12pt } p { line-height:20pt } /* absolute length */ p { line-height:1.5em } /* relative length */ p { line-height:150% } /* percentage */ p { line-height:1.5 } /* number */
P$BMWAG$KBP$7$F%U%)%s%H%5%$%:$,(B 12pt $B$K@_Dj$5$l$F$$$^$9!#(B line-height $B$O>e$+$i=gHV$K(B 20pt, 12*1.5pt, 12*(150%)pt, 12*1.5pt $B$K$J$j$^$9!#(B
line-hieght $B$O%U%)%s%H%5%$%:$N(B 1.3-1.5 $BG\DxEY$,FI$_$d$9$$$h$&$G$9!#(B
text-decoration | none | [ underline || overline || line-through || blink ] | inherit |
---|
CSS1 $B$G$O(B underline | none $B$@$1$G$9!#(B
none
$B$G$9!#(B$B
a[href] { text-decoration: underline }
$BI=<(Nc$r8+$F$_$^$7$g$&!((B
p { text-decoration: underline overline blink }
text-decoraoint $B$NNc$G$9!#(BCSS1 $B$GEP>l$7$?2<@~$H!"(B CSS2 $B$GDI2C$5$l$?%-!<%o!<%I!">e@~$HE@LG$,;XDj$7$FM-$j$^$9!#(B
I.E.5.5 $B$G$O(B blink $B$,8z$-$^$;$s!#(B Netscape 6 $B$G$O40A4$K8z$-$^$9!#(B
$BJ8;z$K1F$N8z2L$r$D$1$^$9!#;XDj$9$kCM$O!"1F$N?'!"1F$N2#J}8~$X$N$:$l!"=DJ}8~$X$N$:$l!"$\$+$7$NHO0O$G$9!#1F$N0LCV$OI,?\$G$9$,!"?'$H$\$+$7$NHO0O$OG$0U$G$9!#(B
$B$^$?!"0l2U=j$N;XDj$GJ#?t$N1F$r;XDj$G$-!"%+%/%F%k%i%$%H$N$h$&$J8z2L$b;XDj$G$-$^$9!#(B
H1 { text-shadow: 0.2em 0.2em }
H2 { text-shadow: 3px 3px 5px red }
$B1F$N?'$r;XDj$7$J$$$H!"(B color $B%W%m%Q%F%#$NCM$,;H$o$l$^$9!#(B
text-shadow | none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | inherit |
---|
none
$B$G$9!#(BCSS2 $B$G=i$a$F8=$l$?%W%m%Q%F%#$G$9!#(B
$B
text-shadow: 0px 0px 5px;
I.E.5.5, Netscape 6 $B6!$K8z$-$^$;$s!#(B
I.E.5.5 $B$G$O(B filter $B$H1>$&%W%m%Q%F%#$,
P {font-family:'font1','font2'}
/* 'font1'$B$,L5$1$l$P(B'font2'$B$r;HMQ(B */
$B$3$N>l9g!"(Bfont1
$B$,L5$1$l$P(Bfont2
$B$r;HMQ$5$;$k$3$H$K$J$j!"$=$l$bL5$1$l$P%V%i%&%6I8=`$N%U%)%s%H$GI=<($5$l$^$9!#3F?M$N@_Dj$K$h$C$FI8=`%U%)%s%H$O0[$J$j$^$9$+$i!"I8=`$H$$$C$F$bFCDj$O=PMh$^$;$s!#(B
$B$^$?!"8D!9$N%U%)%s%H$r%G%6%$%s7OE}$GJ,N`$7$?!V(B$B7OE}L>(B$B!W$G$b;XDj$G$-$^$9!#!V8D!9$N%U%)%s%H!W$r(B "font-fmaily" $B$H8F$S!"$=$N%U%)%s%H$,B0$9$k!V7OE}!W$r(B "geneirc family" $B!JAm>N!K$H8F$S$^$9!#$9$Y$F$N%U%)%s%H$O2<$N(B5$B$D$N7OE}$KJ,$1$i$l$^$9!#(B
generic family | |||
---|---|---|---|
serif | $BL@D+7O!#;z@~$K6/ | ||
'Times New Roman', 'Bodoni', 'Garamond', 'Georgia', 'Bitstream Cyberbit', '$B#M#S(B $B#PL@D+(B', $B:YL@D+BN(B, $BJ?@.L@D+(B, 'New York', 'Palatino' etc. | |||
sans-serif | $B%4%7%C%/7O!#;z@~$K6/ | ||
'Trebuchet MS', 'Arial', 'Verdana', 'Univers', 'Gill Sans', 'Helvetica', '$B#M#S(B $B#P%4%7%C%/(B', $BJ?@.3Q%4%7%C%/(B, $BCf%4%7%C%/BN(B, Osaka, Charcoal, Chicago, Geneva etc. | |||
cursive | $B | ||
'Script', 'Caflisch Script', 'Flemish Script', 'Adobe Poetica', 'Sanvito', 'Ex Ponto', 'Snell Roundhand', 'Zapf-Chancery' | |||
monospace | $BEyI}%U%)%s%H7O!#A4$F$NJ8;z$,6&DL$N8GDjE*I}$r;}$D!#%?%$%W%i%$%?BN!#(B | ||
'Courier', 'MS Courier New', 'Prestige', 'Everson Mono', '$B#M#S(B $B%4%7%C%/(B', '$B#M#S(B $BL@D+(B', Osaka-$BEyI}(B, Monaco etc. | |||
fantasy | $BAu>~E*%U%)%s%H7O!#Au>~$,'Alpha Geometrique', 'Critter', 'Cottonwood', 'FB Reactor', 'Studz', 'goudy old style', '$B#D#F#P(BPOP$BBN(B' etc.
| |
$B:YL@D+BN(B$B$J$I$O(BMacintosh$B$K:G=i$+$i%$%s%9%H!<%k$5$l$F$$$k%U%)%s%H$G$9$,!"L$3NG'$G$9!#@'Hs8f65<(2<$5$$!#(B
$B6uGrN`J8;z$r4^$`%U%)%s%HL>$O0zMQId(B "
$B$^$?$O(B '
$B$G3g$k$Y$-$G$9$,!"(B generic family $B$O0zMQId$G3g$C$F$O$J$j$^$;$s!#(B
$B$^$?!"%U%)%s%HL>$OBgJ8;z!&>.J8;z!"A43Q!&H>3Q$r6hJL$7$^$9$N$G!"Cm0U$7$F$/$@$5$$!#(B
font-family | [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit |
---|
$B6uGrN`J8;z$r4^$`(B <familt-name> $B$O0zMQId$G3g$k!#(B <generic-family> $B$O0zMQId$G3g$C$F$O$J$i$J$$!#(B
$B!Z;HMQNc![(B
CODE {font-family:'Courier New','Courier','$B#M#S(B $B%4%7%C%/(B',monospace}
/* $BM%@h=g0L$N9b$$=g$K(B'Courier New','Courier','$B#M#S(B $B%4%7%C%/(B',monospace */
$B>e$NNc$G$O!";XDj$5$l$F$$$k$I$N%U%)%s%H$b;H$($J$1$l$P!"7OE}!((B monospace
$B$KB0$9$kBfBX%U%)%s%H$r;HMQ$7$^$9!#6qBNE*$K$I$N%U%)%s%H$,A*$P$l$k$+$O%V%i%&%6$K0MB8$9$k$N$GFCDj$O=PMh$^$;$s!#(B
$B8DJL$N(Bfont$B$O%V%i%&%6$K$h$C$F$OMxMQ$G$-$J$$$+$b$7$l$J$$$,!"0lHL$K!V7OE}L>!W$O$I$N%V%i%&%6$G$bMxMQ=PMh$k$3$H$K$J$C$F$$$k$N$G!"(Bfont-family
$B@k8@$N:G8e$K$3$l$r5-=R$7$F$*$/$H!"I,$:$G$O$"$j$^$;$s$,!";wDL$C$?%U%)%s%H$,A*$P$l$^$9!#(B
$B$=$NB>$N(B$B%U%)%s%H!&%5%s%W%k(B
font-style | normal | italic | oblique | inherit |
---|
normal
$B$G$9!#(Bnormal | AbcdefgHijklmnOpqrstuVwxyz$B$"$$$&$($*F|K\8l%"%$%&%(%*(B | $BI8=`%U%)%s%H(B |
---|---|---|
italic | AbcdefgHijklmnOpqrstuVwxyz$B$"$$$&$($*F|K\8l%"%$%&%(%*(B | $B |
oblique | AbcdefgHijklmnOpqrstuVwxyz$B$"$$$&$($*F|K\8l%"%$%&%(%*(B | $BI8=`$r79$1$?$@$1$N%U%)%s%H(B |
$B!Z;HMQNc![(B
H1 {font-style:italic} /* H1$BMWAG$NJ8;z$O!V(Bitalic$B!W(B */
H1 P {font-style:normal} /* H1$BMWAG$N;RMWAG$G$"$k(BP$BMWAG$NJ8;z$O!VI8=`!W(B */
strong {font-style:oblique}
.math {font-style:italic}
font-size | [ xx-small | x-small | small | medium | large | x-large | xx-large ] | [ larger | smaller ] | <length> | <%> | inherit |
---|
medium
$B$G$9!#(B<%>
$B$G$O!"?FMWAG$N%U%)%s%H%5%$%:$KBP$9$kAjBPCM$G;XDj$5$l$^$9!#(B$B!Z;HMQNc![(B
p { font-size: 12pt }
$B>e$N=PNONc$G$O!"%U%)%s%H$NBg$-$5$r(B$B@dBP;XDj$N(B pt
$BC10L(B$B$GI=$7$^$7$?!#@dBPC10L$O!"%G%6%$%s$,Jx$l$K$/$$$J$I$N%a%j%C%H$,$"$j$^$9$,!"1\Mwem
, ex
, px
, %
$B$,$"$j$^$9!#;d$O0lJ8;z$NBg$-$5$rC10L$H$9$k(B em
$BC10L$r;H$C$F$$$^$9!#(B
$BIaDL!"(B em
$B$O!"Ev3:MWAG$G;H$o$l$F$$$k%U%)%s%H$N(B "M" $B$N9b$5$r(B 1 $B$H$9$kC10L$G$9!#$7$+$7!"%U%)%s%H$NBg$-$5<+?H$KMQ$$$k>l9g$O!"?FMWAG$N%U%)%s%H$NBg$-$5$,;2>H$5$l$^$9!#?FMWAG$h$j$bFsG\$NBg$-$5$NJ8;z$r;XDj$7$?$1$l$P!"(B 2em
$B$H;XDj$7$^$9!#(B
...$B>JN,(B...
<head>
...$B>JN,(B...
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
p { font-size: 1em }
pre { font-size: 1.3em }
strong { font-size: 1.2em }
-->
</style>
</head>
<body>
<p>
$B$3$3$O(B p $BMWAG$NFbMFIt$G$9!#(B
strong $BMWAG$O(B<strong>$B%$%s%i%$%sMWAG(B</strong>$B$G$9$+$i!"(B
p $BMWAG$N;RMWAG$K$J$jF@$^$9!#(B
</p>
<pre>
$B$3$3$O(B pre $BMWAG$NFbMFIt$G$9!#(B
strong $BMWAG$O(B<strong>$B%$%s%i%$%sMWAG(B</strong>$B$G$9$+$i!"(B
pre $BMWAG$N;RMWAG$K$b$J$jF@$^$9!#(B
</pre>
</body>
...$B>JN,(B...
$B$3$N;~!"1\Mw $B$G$O!"4p=`%U%)%s%H$NBg$-$5$,(B 10.5pt $B$N>l9g$O$I$&$G$7$g$&$+!)9M$($F$_$F$/$@$5$$!#(B PRE $BMWAG$N;RB9MWAG$G$"$k(B STRONG $BMWAG$O(B 10.5pt * 1.2em * 1.3em = 16.38 pt $B$K$J$j$^$9!#!J>.?tE@$N07$$$O%V%i%&%6$K$h$j$^$9$,!">.?tE@0J2<0l7e$O3N
$B%U%)%s%H$NB@$5$rI=$9(B $B$^$?!"%-!<%o!<%I$G$O!"(B
$B%W%m%Q%F%#!<$NCM$K$O!"(B $B!Z;HMQNc![(B
$B2$J8$N(B small-capitals $B$G$9!#>.J8;z$rGX$KDc$$BgJ8;z$KJQ49$9$k$O$:$G$9!#(B
$B!Z;HMQNc![(B $B!ZI=<(Nc![(B "John Coltrane"$B$N$h$&$K;H$$$^$9!#(B MS IE5.0$B$G$OBgJ8;z$b>.J8;z$bA4$FGX$NDc$$BgJ8;z$K$J$C$F$7$^$$$^$9!#(BNetscape6PR1 $B0J9_$G$O!"$-$A$s$H>.J8;z$@$1$,GX$NDc$$BgJ8;z$KJQ49$5$l$^$9!#(B $B;XDj$5$l$F$$$k%U%)%s%H%U%!%_%j$NCf$+$i!"4uK>$9$k;zI}$N%U%)%s%H$r;XDj$G$-$^$9!#(B 'wider' $B$O(B $B!"?FMWAG$NCM$h$j0lCJ3,9-$$;zI}$,:NMQ$5$l!"(B 'narrower' $B$O0lCJ3,69$$;zI}$,:NMQ$5$l$^$9!#(B
CSS2 $B$G=i$a$FEP>l$7$?%W%m%Q%F%#!<$G!"(B CSS1 $B$K$O4^$^$l$^$;$s!#(B
font$B4X78$N%W%m%Q%F%#!<$N4v$D$+$r$^$H$a$F@k8@$G$-$^$9!#(B
'font-size' $B$H(B 'font-family' $B$OI,?\$G$9!#(B CSS2 $B$G$O!"(B inherit $B$,C1FH$G;XDj$G$-$kB>!"(B OS $B$GMxMQ$9$k%7%9%F%`%U%)%s%H$rMxMQ$9$k0Y$N%-!<%o!<%I$b;XDj$G$-$^$9!#(B 'font' $B%W%m%Q%F%#$rMQ$$$k$H!"(B 'font-size-adjast' (CSS2) $B$H(B 'font-strech' (CSS2) $B$,L5>r7o$G=i4|CM$K@_Dj$5$l$^$9!#JQ99$7$?$$>l9g$O!"(B 'font' $B%W%m%Q%F%#$N8e$m$G2~$a$F8DJL$K@k8@$9$kI,MW$,M-$j$^$9!#(B $B0l9T$N9b$5$r@_Dj$9$k;~$O!"CM$NA0$K(B $B!Z;HMQNc![(B $B>e$NNc$O!"2<$N$h$&$K5-=R$7$?$N$HF1$8;v$K$J$j$^$9!#(B $B!Z(BHTML$B%=!<%9![(B $B!Z%V%i%&%6$G$NI=<(![(B
$B0l9TL\!((Babcdefghijklmnopqrstuvwxyz $B>JN,2DG=$J%W%m%Q%F%#!<$OI,MWL5$1$l$P2?$b=q$-$^$;$s!#=i4|CM$K@_Dj$5$l$^$9!#(B $BB@;z!#J8;z$NBg$-$5$OI8=`$N(B2$BG\!#9T$N9b$5$O0lJ8;z$N(B1.5$BG\!#%U%)%s%H$OM%@h=g0L$N9b$$=g$K(B'Comis Sans MS', 'Impact', '$B#D#F#P(BPOP$BBN(B', fantasy$B!#(B
$BJ8;z$NBg$-$5$OI8=`$N(B1.2$BG\!#0l9T$N9b$5$OJ8;z$N(B1.3$BG\!#%U%)%s%H$OM%@h=g0L$N9b$$=g$K(B'$B#M#S(B $B#PL@D+(B','Times New Roman', serif$B!#(B
$BI=<(Nc!((B
$BNO3XE*@$3&4Q(B$B$H$O!"(B
$B@$3&$,(B Newton $BNO3XE*0x2LK!B'$GA4$F@bL@$G$-$k(B $B$H$9$k@$3&4Q$G$"$k!#(B
sir Isacc Newton $B$,$=$N
Newton$B$N1?F0$NBhFsK!B'$O!"(B$B1?F0J}Dx<0(B$B!((B
font-weight
font-weight
$B%W%m%Q%F%#!<$NCM$O!"(B 100, 200,..., 900
$B$N(B9$BCJ3,$G@_Dj$G$-$^$9!#(B400
$B$,(B normal
$B$K!"(B 700
$B$,(B bold
$B$KBP1~$7$^$9!#0lHL$K!"8DJL$N%U%)%s%HKh$K@_Dj$5$l$F$$$k!VDL>o!W$r(B 400
$B$KBP1~$5$;$k$3$H$K$J$j$^$9!#(B
normal
$B$G$9!#(Bbolder
$B!"(B lighter
$B$,MQ0U$5$l$F$$$k!#$=$l$>$l!"?FMWAG$N7Q>5CM$h$j$b(B1$BCJ3,B@$$%U%)%s%H!":Y$$%U%)%s%H$K@_Dj$5$l$^$9!#(B
normal
AbcdefgHijklmnOpqrstuVwxyz
bold
AbcdefgHijklmnOpqrstuVwxyz
100
AbcdefgHijklmnOpqrstuVwxyz
200
AbcdefgHijklmnOpqrstuVwxyz
300
AbcdefgHijklmnOpqrstuVwxyz
400
AbcdefgHijklmnOpqrstuVwxyz
500
AbcdefgHijklmnOpqrstuVwxyz
600
AbcdefgHijklmnOpqrstuVwxyz
700
AbcdefgHijklmnOpqrstuVwxyz
800
AbcdefgHijklmnOpqrstuVwxyz
900
AbcdefgHijklmnOpqrstuVwxyz
H1 {font-weight:900} /* H1$BMWAG$NB@$5:GBg(B */
strong {font-weight:bolder} /* strong$BMWAG$O?FMWAG$h$j0lCJ3,B@$$(B */
font-variant
font-variant normal | small-caps | inherit
normal
$B$G$9!#(B
normal
AbcdefgHijklmnOpqrstuVwxyz
small-caps
AbcdefgHijklmnOpqrstuVwxyz
John <span style="font-variant:small-caps">Coltrane</span>
font-strech
font-strech normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit
normal
$B$G$9!#(Bfont
font [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family>
'font'
$B%W%m%Q%F%#$G@_Dj$G$-$k%W%m%Q%F%#!<(B
property
$B@bL@!&CM(B $B=i4|CM(B
font-style [$B>JN,2D(B] normal/ italic/ oblique normal
font-variant [$B>JN,2D(B] normal/ small-caps normal
font-weight [$B>JN,2D(B] normal/ bold/ lighter/ bolder/ 100, 200,...,900 normal
font-size [$BI,?\(B] $B%U%)%s%H$NBg$-$5(B medium
/line-height [$B>JN,2D(B] $B0l9T$N9b$5(B normal
font-family [$BI,?\(B] $B%U%)%s%H$N $B1\Mw4D6-$K0MB8(B
/
$B$rF~$l$F2<$5$$!#(B
P {font:italic small-caps bold 10.5px/1.3 'Times New Roman','$B#M#S(B $B#PL@D+(B',serif}
P {font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:10.5px;
line-height:1.3;
font-family:'Times New Roman','$B#M#S(B $B#PL@D+(B',serif}
<P>
$B0l9TL\!((Babcdefghijklmnopqrstuvwxyz<BR>
$BFs9TL\!((BABCDEFGHIJKLMNOPQRSTUVWXYZ<BR>
$B;09TL\!(F|K\8l4A;z8+K\(B<BR>
$B;M9TL\!($R$i$,$J$_$[$s%+%?%+%J%_%[%s(B
</P>
$BFs9TL\!((BABCDEFGHIJKLMNOPQRSTUVWXYZ
$B;09TL\!(F|K\8l4A;z8+K\(B
$B;M9TL\!($R$i$,$J$_$[$s%+%?%+%J%_%[%s(B
H1 {font:bold 2em/1.5em 'Comis Sans MS','Impact','$B#D#F#P(BPOP$BBN(B',fantasy}
P {font:1.2em/1.3em '$B#M#S(B $B#PL@D+(B','Times New Roman',serif}
$B1~MQNc(B
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>CSS $B$K$h$k%U%)%s%H>pJs$N;XDj(B</title>
<meta http-equiv="content-style-type" content="text/css">
<style type="text/css">
<!--
h1 { font-size: 2em } /* $B%U%)%s%H$NBg$-$5$rFsG\$K(B */
h2 { font-size: 1.5em } /* $B%U%)%s%H$NBg$-$5$r(B1.5$BG\$K(B */
code { font-family: monospace } /* $B%U%)%s%H$N
$B8=BeJ*M}3X;K(B
$BNO3XE*@$3&4Q$N4$2r(B
F(t) = m dP(t)/dt = P'(t)
$B$K$^$H$a$k$3$H$,=PMh$k!((B
SEO
[PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送