Set style for table caption : caption « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. caption

Set style for table caption

   


<!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">
<head>
<title></title>
<style type="text/css">
table caption {
    font: 1.5em Georgia, "Times New Roman", Times, serif; 
    padding: 1em;
}
</style>
</head>

<body>
  <table id="shoppingcartTable" summary="List of products">
   <caption>Shopping Cart Listing - <strong>Subtotal: $45.16</strong>; 
  changed quantities? <input type="submit"  value="Update price(s)" /></caption>
  </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-side: bottom
4.caption font-size: 90%;text-align: right;
5.Table caption tag
6.Table with caption and table header
7.caption font-weight: bold; / color: yellow;
8.caption color: yellow;
9.caption background-color: red;
10.caption tag summarizes the table's contents (this helps the visually impaired)
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