last modified 10th/Oct. 2000
CSS $B$G$O!"G$0U$NMWAG$N<~0O$K(B$B%\!<%@!<$r;XDj(B$B$G$-$^$9!#(B
$B$3$3$G$O(B CSS $B$N;EAH$_$KIU$$$F$O?($l$^$;$s!#:9$7Ev$?$j!"!V(B CSS $B$N@bL@(B$B!W$r;2>H$/$@$5$$!#(B
border-width | [ [ thin | medium | thick | <length> ]{1,4} ] | inherit |
---|
'inherit' $B$O?FMWAG$NCM$r7Q>5$9$k$H1>$&;XDj$G$9!#(B
medium
$B$G$9!#(B$B@~$NB@$5$,:Y$$=g$K!"!V(B thin $B:Y(B < medium $BCf(B < thick $BB@!W(B $B$K$J$j$^$9!#(B
'border-width' $B%W%m%Q%F%#$O0l$D$+$i;M$D$^$G$NCM$r;}$D;v$,=PMh$^$9!((B
img { border-width: 2pt }
$B$3$NNc$G$O!"(B IMG $BMWAG$N<~0O$N%\!<%@!<$NI}$r(B 2pt $B$K;XDj$7$FM-$j$^$9!#(B
h1 { border-width: 2pt 10pt }
$B$3$NNc$G$O!"(B H1 $BMWAG$N>e2<$N%\!<%@!<$NI}$r(B 2pt $B!":81&$N%\!<%@!<$NI}$r(B 10pt $B$K;XDj$7$FM-$j$^$9!#(B
p { border-width: 2px 10px 4px 1px }
$B$3$NNc$G$O!"(B P $BMWAG$N>e$N%\!<%@!<$NI}$r(B 2 $B%T%/%;%k!"1&$N%\!<%@!<$NI}$r(B 10 $B%T%/%;%k!"2<$N%\!<%@!<$NI}$r(B 4 $B%T%/%;%k!":8$N%\!<%@!
border-color
border-color <color>{1,4} | transparent | inherit
'transparent' $B$G$OF)L@$K$J$j!"?FMWAG$NGX7J?'$,F)2a$7$^$9!#$3$N$H$-!"(Bborder-width$B$NCM$O;D$j!"%Q%C%G%#%s%0NN0h$H%^!<%8%sNN0h$N4V$K!"%\!<%@! 'inherit' $B$O?FMWAG$NCM$r7Q>5$9$k$H1>$&;XDj$G$9!#(B 'border-color' $B%W%m%Q%F%#$O0l$D$+$i;M$D$^$G$NCM$r;}$D;v$,=PMh$^$9!((B $B$3$NNc$G$O!"(B IMG $BMWAG$N<~0O$N%\!<%@!<$N?'$r(B red $B!J(B$B@V(B$B!K$K;XDj$7$FM-$j$^$9!#(B $B$3$NNc$G$O!"(B H1 $BMWAG$N>e2<$N%\!<%@!<$N?'$r(B silver $B!J(B$BGv$$3%?'(B$B!K!":81&$N%\!<%@!<$N?'$r(B #030 (#003300, $BG;$$NP(B) $B$K;XDj$7$FM-$j$^$9!#(B $B$3$NNc$G$O!"(B P $BMWAG$N>e$N%\!<%@!<$N?'$r(B silver $B!"1&$N%\!<%@!<$N?'$r(B silver$B!"2<$N%\!<%@!<$N?'$r(B #0cf (#00ccff)$B!":8$N%\!<%@!'$r(B #069 (#006699) $B$K;XDj$7$FM-$j$^$9!#(B 'inherit' $B$O?FMWAG$NCM$r7Q>5$9$k$H1>$&;XDj$G$9!#(B 'border-style' $B%W%m%Q%F%#$O0l$D$+$i;M$D$^$G$NCM$r;}$D;v$,=PMh$^$9!((B $B0J>e$N;0$D$N%W%m%Q%F%#$r!"0l2U=j$G;XDj$G$-$^$9!#(B $B;MJ}$N8DJL;XDj!((B $B;MJ}$N0l3g;XDj!((B CSS $B$rMxMQ$7$F!"2hA|$,%j%s%/%"%s%+!<$K$J$C$F$$$k>l9g$N%\!<%@!<$r;XDj$7$F$_$^$7$g$&!#(B STYLE $BMWAG!((B BODY $BMWAG$NCf?H!((B a:link, a:hover $BEy$KIU$$$F$O!"!V(BA $BMWAG$N8+1I$($ND4@0(B$B!W$r;2>H$/$@$5$$!#(B
color
' $B%W%m%Q%F%#$NCM$G$9!#(B
img { border-color: red }
h1 { border-color: silver #030 }
p { border-width: silver silver #0cf #069 }
border-style
border-style <border-style>{1,4} | inherit
none
$B$G$9!#(B
none
$B%\!<%@!<$rL5$7$K$7$^$9!#$3$NCM$r;XDj$9$k$H(B'border-width'$B$N;;=PCM$O6/@)E*$K(B'0'$B$K$J$k!#$?$@$7!"(B$BI=4XO"MWAG(B$B$GNY@\$9$kMWAG$H%\!<%@!<$r6&M-$7$F$$$k>l9g!"NY@\MWAG$N6&M-%\!<%@!<$,;XDj$5$l$F$$$l$P!"$=$l$K=>$&!#(B
hidden
'none'$B$H$[$\F1$8!#$?$@$7!"I=4XO"MWAG$GNY@\$9$kMWAG$H%\!<%@!<$r6&M-$7$F$$$k>l9g!"NY@\MWAG$H$N6&M-%\!<%@!<$b6/@)E*$KHsI=<($K$9$k!#(B
dotted
$B%\!<%@!<$rE@@~$K$9$k!#(B
dashed
$B%\!<%@!<$rGK@~$K$9$k!#(B
solid
$B%\!<%@!<$r@Z$lL\$NL5$$
double
$B%\!<%@!<$rFs=E@~$K$9$k!#(B 2$BK\$N
groove
$B%-%c%s%P%9$N1z$H$7$F%\!<%@!<$rI=<($9$k!#(B
ridge
'groove'$B$N5U$G!"%-%c%s%P%9$NFL$H$7$F%\!<%@!<$rI=<($9$k!#(B
inset
$B%\%C%/%9$N%\!<%@!<$h$jFbB&A4BN$,%-%c%s%P%9$N7&$_$NDlLL$K$J$kMM$KI=<($9$k!#(B
outset
'inset'$B$N5U$G!"%\%C%/%9$N%\!<%@!<$h$jFbB&A4BN$,%-%c%s%P%9$NN45/$N>eLL$K$J$kMM$KI=<($9$k!#(B
dotted
$BE@@~(Bdashed
$BGK@~(Bsolid
$B
double
$BFs=E@~(B
groove
$B1z@~(Breidge
$BFL@~(Binset
$BDlLL(Boutset
$B>eLL(Bborder
p { border-top: 2pt solid silver;
border-right: 4pt dashed navy;
border-bottom: 4pt dotted silver;
border-left: 3pt double red }
img { border: 1px solid blue }
$B1~MQ(B
<head>
</title>CSS $B$N(B border $B%W%m%Q%F%#$NMxMQK!(B</title>
...
<meta http-equiv="content-sty;e-type" type="text/css">
<style type="text/css">
<!--
a:link img { border: 2pt solid #0cf }
/* $BL$K,Ld$N%j%s%/(B */
a:visited img { border: 2pt dashed #630 }
/* $BK,Ld:Q$_$N%j%s%/(B */
a:hover img { border: none }
/* $B%+!<%=%k$,>e$K>h$C$F$$$k>uBV$N%j%s%/(B */
a:focus img { border:none;
text-deocration: blink }
/* $B%f!<%6$NA`:n$K%U%)!<%+%9$5$l$F$$$k>uBV$N%j%s%/(B */
a:active { border: 2pt inset blue }
/* $B3hF0Cf!J:nF0Cf!K$N%j%s%/(B */
-->
</style>
</head>
<a href="http://www.louvre.or.jp/louvre/anglais/collec/ager/ag3_1.htm"
title="Greek Art of the 3rd-1st Century BC"
target="_top"><img
src="http://www.louvre.or.jp/louvre/img/photos/collec/ager/vignet/ma2369.jpg"
alt="Victory of Samothrace"
width="67" height="130"></a>
SEO
[PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送