Revised: Jul./2nd/2004
HTML $B$G$NE57?E*$J%F!<%V%k$O
<table> <!-- 0$B9TL\(B --> <tr> <th>$B%X%C%@(B</th><th>1$BNsL\(B</th><th>2$BNsL\(B</th><th>3$BNsL\(B</th> </tr> <!-- 1$B9TL\(B --> <tr> <th>1$B9TL\(B</th><td>(1,1)</td><td>(1,2)</td><td>(1,3)</td> </tr> <!-- 2$B9TL\(B --> <tr> <th>2$B9TL\(B</th><td>(2,1)</td><td>(2,2)</td><td>(2,3)</td> </tr> </table>
$B$h$jJ#;($J>l9g$O!"%-%c%W%7%g%s!"%X%C%@!"%U%C%?!"Ns!"Ns%0%k!<%W$J$I$NMWAG$,DI2C$5$l$^$9!#(B
<table> <caption>$BJ#;($J%F!<%V%k$N%5%s%W%k(B</caption> <!-- $BNs%0%k!<%W(B --> <colgroup> <col span="1" class="tHeaddings" /> <col span="3" class="tData" /> </colgroup> <!-- $B%F!<%V%k%X%C%@(B --> <thead> <tr><th>$B%X%C%@(B</th><th>1$BNsL\(B</th><th>2$BNsL\(B</th><th>3$BNsL\(B</th></tr> </thead> <!-- $B%F!<%V%k%U%C%?(B --> <tfoot> <tr><th>$B%U%C%?(B</th><td>$B9g7W(B1</td><td>$B9g7W(B2</td><td>$B9g7W(B3</td></tr> </tfoot> <!-- $B%F!<%V%kK\BN(B --> <tbody> <tr><th>1$B9TL\(B</th><td>(1,1)</td><td>(1,2)</td><td>(1,3)</td></tr> <tr><th>2$B9TL\(B</th><td>(2,1)</td><td>(2,2)</td><td>(2,3)</td></tr> </tbody> </table>
CSS $B$N(B 'display
' $B%W%m%Q%F%#$G$O!"%F!<%V%k$N9=B$$rI=8=$9$k$?$a$K!"
table
(HTML$B$G$O(Btable) inline-table
(HTML$B$G$O(Btable)table-row
(HTML$B$G$O(B tr)table-row-group
(HTML$B$G$O(B tbody) table-header-group
(HTML$B$G$O(B thead)table-row-group
'$B$HF1$8Lr3d$r2L$?$9!#B>$N$9$Y$F$N9T5Z$S9T%0%k!<%W$h$jA0$G!"$"$i$f$k%-%c%W%7%g%s$h$j8e$KI=<($5$l$k!#0u:~;~$K!"I=$,J#?t%Z!<%8$K$o$?$k>l9g$O!"3F%Z!<%8$K%X%C%@9T$r7+$jJV$9$+$b$7$l$J$$!#(Btable-footer-group
(HTML$B$G$O(B tfoot) table-row-group
'$B$HF1$8Lr3d$r2L$?$9!#B>$N$9$Y$F$N9T5Z$S9T%0%k!<%W$h$j8e$G!"$"$i$f$k2table-column
( HTML$B$G$O(B col)table-column-group
(HTML$B$G$O(B colgroup)table-cell
(HTML$B$G$O(B td, th)table-caption
(HTML$B$G$O(B caption)W3C $B$N(B CSS $B;EMM=q$K4^$^$l$k(B HTML 4 $B$N%G%U%)%k%H%9%?%$%k%7!<%H(B$B$G$O!"
table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell; } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center }
caption-side
$B%W%m%Q%F%#(B 'caption-sid
' $B$O!"(B'display: table-caption
' $B$NMWAG$K;XDj2DG=$G$9!#%F!<%V%k%-%c%W%7%g%s$N!"%F!<%V%k$KBP$9$k0LCV$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
caption-sid | top | bottom | left | right | inherit |
'caption-sid
' $B$O;RMWAG$K7Q>5$5$l$^$9!#%G%U%)%k%H$NCM$O!"(Btop
$B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B
$B%-%c%W%7%g%s$O!"%F!<%V%k%\%C%/%9$H$OJL$N%\%C%/%9$r@8@.$7!"%F!<%V%k$N%^!<%8%s$H%-%c%W%7%g%s$N%^!<%8%s$O!"$*8_$$$KJL$N%\%C%/%9$G$"$k$h$&$KAj;&$7$^$9!#(B
$B%-%c%W%7%g%s$,>e2<$N2?$l$+$K$"$k>l9g$O!"%-%c%W%7%g%s%\%C%/%9$NI}$O!"%F!<%V%k%\%C%/%9$NI}$K0MB8$7$^$9!#%\%C%/%9Fb$G!"(B'vertical-align
' $B$N(B top
/middle
/bottom
$B$N2?$l$+$K$h$C$F!"?bD>J}8~$N0LCV$rB7$($k$3$H$,$G$-$^$9!#(B
(0, 0) | (0, 1) | (0, 2) |
(1, 0) | (1, 1) | (1, 2) |
(2, 0) | (2, 1) | (2, 2) |
(3, 0) | (3, 1) | (3, 2) |
(0, 0) | (0, 1) | (0, 2) |
(1, 0) | (1, 1) | (1, 2) |
(2, 0) | (2, 1) | (2, 2) |
(3, 0) | (3, 1) | (3, 2) |
(0, 0) | (0, 1) | (0, 2) |
(1, 0) | (1, 1) | (1, 2) |
(2, 0) | (2, 1) | (2, 2) |
(3, 0) | (3, 1) | (3, 2) |
(0, 0) | (0, 1) | (0, 2) |
(1, 0) | (1, 1) | (1, 2) |
(2, 0) | (2, 1) | (2, 2) |
(3, 0) | (3, 1) | (3, 2) |
table-layout
$B%W%m%Q%F%#(B 'table-layout
' $B$O!"%W%m%Q%F%#(B 'display
' $B$NCM$,(B table
$B$+(B inline-table
$B$G$"$kMWAG$K;XDj2DG=$G$9!#%F!<%V%k$N!"%l%s%@%j%s%0J}K!$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
table-layout | auto | fixed | inherit |
'table-layout
' $B$O;RMWAG$K7Q>5$5$l$^$;$s!#%G%U%)%k%H$NCM$O!"(Bauto
$B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B
auto
width
' $B$r;}$D>l9g!"7W;;CM$H(B 'width
' $B$N2?$l$+Bg$-$$$[$&$,:NMQ$5$l$k!#(Bfixed
overflow
' $B$G;XDj2DG=!#(Bborder-collapse
$B%W%m%Q%F%#(B 'border-collapse
' $B$O!"%W%m%Q%F%#(B 'display
' $B$NCM$,(B table
$B$+(B inline-table
$B$G$"$kMWAG$K;XDj2DG=$G$9!#%F!<%V%k$N%\!<%@!<$,!"NY@\%;%k$HJ,N%$7$F$$$k$+!"0lCW$7$F$$$k$+$r;XDj$7$^$9!#(B
$B%W%m%Q%F%#L>(B | $BCM(B |
---|---|
border-collapse | collapse | separate | inherit |
'border-collapse
' $B$O;RMWAG$K7Q>5$5$l$^$9!#%G%U%)%k%H$NCM$O!"NY@\%\!<%@!<$,0l$D$N@~$H$J$k(B collapse
$B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(B
$B%W%m%Q%F%#(B ' ' $BCM$,0l$D;XDj$5$l$k>l9g$O!">e2<:81&$N5wN%$r;XDj$7$^$9!#CM$,Fs$D;XDj$5$l$k>l9g$O!"0l$DL\$,:81&$N5wN%$G!"Fs$DL\$,>e2<$N5wN%$G$9!#(B $B%W%m%Q%F%#(B ' ' $B4{B8$N%W%m%Q%F%#$G$b!"%F!<%V%k$KE,MQ$9$k>l9g$O!"0UL#$,0[$J$C$?$j!"Cm0U$,I,MW$J$b$N$,$"$j$^$9!#(B ' $B$D$V$7%b%G%k$G$O!"NY@\%\%C%/%9$N%\!<%@!<4V$G!";XDjCM$N6%9g$,H/@8$7$^$9!#$3$N$H$-!"(B $B%$%s%i%$%s%\%C%/%9$N9T%\%C%/%9Fb$G$N?bD>J}8~G[CV$rM?$($k$N$,(B ' $B%F!<%V%k$N%;%k$KM?$($k>l9g!"3F%;%k$,;}$D!"4pDl@~!?>e@~!?Cf1{@~!?2<@~$KBP$7$F!"?bD>J}8~$N0LCV$,9TJ}8~$K$=$m$($i$l$^$9!#(B $B%;%k$N4pDl@~(B (baseline) $B$H$O!"%;%k$N:G=i$N9T%\%C%/%9$N4pDl@~$N$3$H$G$9!#%;%k$,%F%-%9%H$r4^$^$J$$>l9g$O!"Ev3:%*%V%8%'%/%H$N4pDl@~$H$J$j!"%;%k$,$J$K$bFbMF$K;}$?$J$$>l9g$O!"%;%k%\%C%/%9$N2<@~$K0lCW$7$^$9!#(Bcollapse
$B$G$"$k%l%s%@%j%s%0%b%G%k$r!"%\!<%@!<$D$V$7%b%G%k(B (collapsing border model) $B$H8F$S!"(Bseparate
$B$r!"%\!<%@!border-spacing
border-spacing
' $B$O!"%W%m%Q%F%#(B 'display
' $B$NCM$,(B table
$B$+(B inline-table
$B$G$"$kMWAG$K;XDj2DG=$G$9!#J,N%%b%G%k$NNY@\%;%k$N%\!<%@!<4V$N5wN%$r;XDj$7$^$9!#(B
border-spacing
'$B%W%m%Q%F%#L>(B $BCM(B border-spacing <length> <length>? | inherit border-spacing
' $B$O;RMWAG$K7Q>5$5$l$^$9!#%G%U%)%k%H$NCM$O(B 0 $B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#Ii$NCM$OIT@5$G$9!#(Bempty-cells
empty-cells
' $B$O!"(B'display: table-cell
$B$G$"$kMWAG$K;XDj2DG=$G$9!#J,N%%b%G%k$G!"6u$N%;%k$N<~0O$N%\!<%@!<$rI=<($9$k$+$I$&$+$r;XDj$7$^$9!#(B
table-cell
'$B%W%m%Q%F%#L>(B $BCM(B table-cell show | hide | inherit border-spacing
' $B$O;RMWAG$K7Q>5$5$l$^$9!#%G%U%)%k%H$NCM$O(B show
$B$G$9!#(Binherit
$B$O!"?FMWAG$NCM$rL@<(E*$K7Q>5$9$k;XDj$G$9!#(Bhidden
$B$N>l9g!"FbMF$r;}$?$J$$%;%k$H!"(B'visibility: hidden
' $B$N%;%k$K$D$$$F$O!"<~0O$N%\!<%@!<$rI=<($7$^$;$s!#(B$B%F!<%V%k$K4X$9$kFC5-;v9`(B
border-style
border-style
' $B$N;XDjCM$O!"%F!<%V%k$N(B 'border-collapse
' $B$NCM$K$h$C$F0UL#$,0[$J$k$3$H$,$"$j$^$9!#(B
hidden
inset
groove
$B$HEy2A!#(Boutset
ridge
$B$HEy2A!#(Bhidden
$B$,:G$bM%@h$5$l!"(Bnone
$B$,:GDc$NM%@h=g0L$K$J$j$^$9!#$=$NB>$NCM$N>l9g!"(B 'border-width
' $B$,Bg$-$$$[$&$,M%@h$5$l$^$9!#F1$8B@$5$N>l9g$O!"=;@l=g0L$N9b$$=g$G!"(B 'double
' > 'solid
' > 'dashed
' > 'dotted
' > 'ridge
' > 'outset
' > 'groove
' > 'inset
' $B$H$J$j$^$9!#(B
border-collapse: separate
none
dotted
dashed
solid
double
groove
ridge
inset
none
outset
border-collapse: collapse
none
dotted
dashed
solid
double
groove
ridge
inset
none
outset
border-style
$B$NM%@h=g0L(B
10. none
2. double
3. solid
3. solid
4. dashed
5. dotted
6. ridge
6. ridge
7. outset
8. groove
9. inset
vertical-align
vertical-align
' $B$G$9!#(B
baseline
top
bottom
middle
sub
, super
, text-top
, text-bottom
baseline
$B$HEy2A!#(B
vertical-align
$B$NNc(B
baseline
The baseline of the cell is put at the same height as the baseline of the first of the rows it spansbaseline
The baseline of the cell is put at the same height as the baseline of the first of the rows it spanstop
bottom
middle
2004-07-02 published.
SEO
[PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送