■ ヒントだよ！HTML & CSS ■
■ table-layout の例
width:100%;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
width:100%; table-layout:auto;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
width:100%; table-layout:fixed;
| >あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
■ border-collapse の例
width:100%; bordere-collapse:collapse;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
width:100%; collapse:separate;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
■ border-spacing の例
border-spacingなし
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
border-spacing:5px 10px;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
■ empty-cell の例
空白セルに を入れる
| あいうえお |
|
なにぬねのはひふへほ |
empty-cell:show;
| あいうえお |
|
なにぬねのはひふへほ |
empty-cell:hide;
| あいうえお |
|
なにぬねのはひふへほ |
空白セルに を入れる
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
あいうえお |
|
なにぬねのはひふへほ |
empty-cell:show;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
あいうえお |
|
なにぬねのはひふへほ |
empty-cell:hide;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
あいうえお |
|
なにぬねのはひふへほ |
■ caption-side の例
caption-sideなし
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
caption-side:top;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
caption-side:bottom;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
caption-side:insaide-start;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
※書字方向の行の開始点に表示するそうです。
caption-side:insaide-end;
| あいうえお |
かいくけこさいしすせそたちつてと |
なにぬねのはひふへほ |
※書字方向の終点側に表示するそうです。
© KinutaHandicraft
