$B
<table border>
<table frame="border" rules="all">
HTML 4 $B$G$O!"I=$N%\!<%?!<$O!"(B frame $BB0@-(B$B$H(B rules $BB0@-(B$B$rMQ$$$k;v$G!":Y$+$/;XDj$G$-$^$9!#$7$+$7!"$3$l$i$O>/$7J#;($G$"$j!"$`$7$m(B CSS $B$G;XDj$9$kJ}$,4JC1$G$9!#(B
CSS $B$G$N(B border $B4XO";XDj(B
CSS $B$N(B 'border' $B%W%m%Q%F%#$K4X$7$F$O!"!V(BCSS $B$N(B 'border'$B!W$r;2>H$/$@$5$$!#$3$3$G$O!"I=$K4X$9$k$3$H$KCmL\$7$F>R2p$7$^$9!#$^$?!"(B CSS $B$NMxMQK!!&5,B'$KIU$$$F$O!"!V(BCSS $B$N>R2p(B$B!W$r;2>H$/$@$5$$!#(B
'border' $B%W%m%Q%F%#(B
CSS $B$G$O!"I=<($9$k%\!<%@!<$NB@$5!"
'border' $B%W%m%Q%F%#$N;XDjJ}K!(B
border: | 1px | solid | black |
| $BB@$5(B | $B$B?'(B | |
border="1"
$B$r(B CSS $B$G:F8=$7$F$_$^$7$g$&!((B
table, th, td { border: 1px solid black }
$B$3$l$O!"(B table $BMWAG!"(B th $BMWAG!"(B td $BMWAG$N<~0O$K(B 1px $BI}$G9u$$
$BI=<(Nc!((B
cell(0,0) | cell(0,1) | cell(0,2) |
cell(1,0) | cell(1,1) | cell(1,2) |
cell(2,0) | cell(2,1) | cell(2,2) |
'border' $B%W%m%Q%F%#$K4X$9$k$h$j>\$7$$@bL@$O!"!V(BCSS $B$N(B 'border'$B!W$r;2>H$/$@$5$$!#(B
'border-collapse' $B%W%m%Q%F%#(B
$B$^$?!"I=$N%;%kF1;N$rJ,N%$9$k$+$I$&$+$b;XDj$G$-$^$9!((B
table { border-collapse: collapse }
table, th, td { border: 1px solid black }
$BI=<(Nc!((B
border-collapse: collapse | border-collapse: separate |
cell(0,0) | cell(0,1) | cell(0,2) |
cell(1,0) | cell(1,1) | cell(1,2) |
cell(2,0) | cell(2,1) | cell(2,2) |
|
cell(0,0) | cell(0,1) | cell(0,2) |
cell(1,0) | cell(1,1) | cell(1,2) |
cell(2,0) | cell(2,1) | cell(2,2) |
|
border-collapse | collapse | separate | inherit |
'inherit' $B$O?FMWAG$NCM$r7Q>5$9$k$H1>$&;XDj$G$9!#(B
- table $BMWAG$KE,MQ2DG=$G$9!#(B
- $B=i4|CM$O(B
collapse
$B$G$9!#(B
- $B;RB9MWAG$KCM$,7Q>5$7$^$9!#(B
border-collapse: separate
$B$,;XDj$5$l$?I=$rJ,N%%\!<%@!<%b%G%k$H8F$S$^$9!#$3$N>l9g$N!"%\!<%@!<$H%\!<%@!<$N4V$NGX7J$O!"(B table $BMWAG$NGX7J$,I=<($5$l$^$9!#(B
table { border-collapse: separate;
border:10px outset blue;
background:red }
table td { border:10px inset blue;
background:#cfc; color: green }
$BI=<(Nc!((B
(1,1) | (1,2) | (1,3) |
(2,1) | (2,2) | (2,3) |
'border-spacing' $B%W%m%Q%F%#(B
border-collapse: separate
$B$N>l9g$O!"NY@\$9$k%\!<%@!<$,J,N%$7$^$9$,!"$3$N%\!<%@!
table { border-collapse: separate;
border-spacing: 20px 40px }
'border-spacing' $B%W%m%Q%F%#$O0l$D!"Kt$OFs$D$NCM$r;}$D;v$,=PMh$^$9!#CM$,0l$D$N>l9g$O>e2<:81&$N%\!<%@!<4V3V$r;XDj$7!"Fs$D$N>l9g$O0l$DL\$NCM$,>e2<4V3V!"Fs$DL\$NCM$,:81&4V3V$r;XDj$7$^$9!#(B
$B>e$NNc$G$O!">e2<$N%\!<%@!<4V3V$r(B 20 Pixels $B!":81&%\!<%@!<4V3V$r(B 40 Pixels $B$K;XDj$7$F$"$j$^$9!#(B
$BI=<(Nc!((B
(1,1) | (1,2) | (1,3) |
(2,1) | (2,2) | (2,3) |
'inherit' $B$O?FMWAG$NCM$r7Q>5$9$k$H1>$&;XDj$G$9!#(B
- table $BMWAG$KE,MQ2DG=$G$9!#(B
- $B=i4|CM$O(B
0
$B$G$9!#(B
- $B;RB9MWAG$KCM$,7Q>5$7$^$9!#(B
'empty-cells' $B%W%m%Q%F%#(B
$BJ,N%%\!<%@!<%b%G%k$G!"6u$N%;%k$N<~0O$K%\!<%@!<$rI=<($9$k$+$I$&$+$r;XDj$G$-$^$9!#(B
table { border-collapse: separate;
empty-cells: show }
$BI=<(Nc!((B
empty-cells: show | empty-cells: hide |
(1,1) | (1,2) | (1,3) |
(2,1) | | (2,3) |
(3,1) | (3,2) | (3,3) |
|
(1,1) | (1,2) | (1,3) |
(2,1) | | (2,3) |
(3,1) | (3,2) | (3,3) |
|
empty-cells | show | hide | inherit |
'inherit' $B$O?FMWAG$NCM$r7Q>5$9$k$H1>$&;XDj$G$9!#(B
- $B%;%k4XO"MWAG(B (th, td) $B$KE,MQ2DG=$G$9!#(B
- $B=i4|CM$O(B
show
$B$G$9!#(B
- $B;RB9MWAG$KCM$,7Q>5$7$^$9!#(B
$B;RB9MWAG$K7Q>5$5$l$^$9$+$i!"(B table $BMWAG$K;XDj$9$l$P!"$=$N;RB9MWAG$G$"$kA4$F$N(B th $BMWAG!"(B td $BMWAG$KE,MQ$5$l$^$9!#(B
<<PREV | TOP | NEXT>>