<<PREV | TOP | NEXT>>

CSS $B$N(B 'border'

last modified 10th/Oct. 2000

CSS $B$G$O!"G$0U$NMWAG$N<~0O$K(B$B%\!<%@!<$r;XDj(B$B$G$-$^$9!#(B

border-width
$B%\!<%@!<$NB@$5$r;XDj$7$^$9!#(B
border-style
$B%\!<%@!<$N
border-color
$B%\!<%@!<$N?'$r;XDj$7$^$9!#(B
border
$B0J>e$N;0$D$N%W%m%Q%F%#$N4JN,2=%W%m%Q%F%#(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

border-width[ [ thin | medium | thick | <length> ]{1,4} ] | inherit

'inherit' $B$O?FMWAG$NCM$r7Q>5$9$k$H1>$&;XDj$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

img { border-color: red }

$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

h1 { border-color: silver #030 }

$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

p { border-width: silver silver #0cf #069 }

$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%\!<%@!#006699) $B$K;XDj$7$FM-$j$^$9!#(B

border-style

border-style<border-style>{1,4} | inherit

'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

<border-style> $B$NDj5A(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
border-style$B$N
dotted
$BE@@~(B
dashed
$BGK@~(B
solid
$B
double
$BFs=E@~(B
groove
$B1z@~(B
reidge
$BFL@~(B
inset
$BDlLL(B
outset
$B>eLL(B

border

$B0J>e$N;0$D$N%W%m%Q%F%#$r!"0l2U=j$G;XDj$G$-$^$9!#(B

$B;MJ}$N8DJL;XDj!((B

p {  border-top: 2pt solid silver;
   border-right: 4pt dashed navy;
  border-bottom: 4pt dotted silver;
    border-left: 3pt double red }

$B;MJ}$N0l3g;XDj!((B

img { border: 1px solid blue }

$B1~MQ(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

<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>

BODY $BMWAG$NCf?H!((B

<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>

Victory of Samothrace, Danae, Moulin Rouge - La Goulue, The Repentant Peter

a:link, a:hover $BEy$KIU$$$F$O!"!V(BA $BMWAG$N8+1I$($ND4@0(B$B!W$r;2>H$/$@$5$$!#(B

<<PREV | TOP | NEXT>>

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送