caption-side: bottom : caption « Tags « HTML / CSS






caption-side: bottom

    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>border-collapse</title>
        <style rel='stylesheet' type='text/css'>

table {
    border: 1px solid rgb(200, 200, 200);
    caption-side: bottom;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
th {
    background: lightyellow;
}
th, td {
    border: 1px solid rgb(200, 200, 200);
    padding: 5px;
    overflow: hidden;
}        
        </style>
    </head>
    <body>
        <table>
            <caption>
                My favorite records.
            </caption>
            <colgroup>
                <col id='album' />
                <col id='artist' />
                <col id='released' />
            </colgroup>
            <thead>
                <tr>
                    <th> album</th><th> artist</th><th> released</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td> R</td><td> AAA</td><td> 1965</td>
                </tr>
                <tr>
                    <td> B</td><td> V</td><td> 1967</td>
                </tr>
                <tr>
                    <td> M</td><td> T</td><td> 1995</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

   
    
    
  








Related examples in the same category

1.'caption' Example
2.'valign' defines the vertical alignment of text within the table cell or other element
3.caption font-size: 90%;text-align: right;
4.Table caption tag
5.Table with caption and table header
6.caption font-weight: bold; / color: yellow;
7.caption color: yellow;
8.caption background-color: red;
9.caption tag summarizes the table's contents (this helps the visually impaired)
10.Set style for table caption
11.Caption align to the right
12.Table with caption, header, footer and table body
13.caption font-weight: bold;
14.caption text-align: left;
15.caption border-style: solid;
16.caption border-width: 1px;
17.caption border-color: #666666;
18.caption text-align: right
19.caption caption-side: bottom;
20.caption text-align: right;
21.caption vertical-align: top;
22.caption margin-bottom: 5px;
23.caption text-transform: lowercase;
24.caption font-size: 160%;
25.caption padding: 5px;
26.caption letter-spacing: 10px;
27.caption font-size: 1.5em;
28.caption font-weight: 400;
29.caption margin: 0;
30.caption padding: 6px 0 8px;
31.caption font: 1.5em Georgia, "Times New Roman", Times, serif;
32.caption padding: 1em;
33.'align' specifies the alignment of text within the element