Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
speak-header

Значения свойства speak-header

once Заголовок будет прочтен один раз перед серией ячеек.
always Заголовок будет повторяться перед каждой соответствующей ему ячейкой.

Рассмотрим следующий пример таблицы:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3. <HEAD>
  4.<STYLE type="text/css">
  5. TABLE { background: #CCC;
  6. border: 3px solid;
  7. border-collapse: collapse;
  8. width:200px;
  9. height:200px;
10. speak-header:once;}
11. TD,tr { border: 1px solid; }
12. TH {speak-header:once;}
13. TH:contains("subtotal") {background: #efe;}
14. CAPTION{font:bold 12pt Times New Roman,sans-serif;}
15.</STYLE>
16. </HEAD>
17. <BODY>
18.<TABLE>
19.<CAPTION>Travel Expense Report</CAPTION>
20.<TR>
21. <TH></TH>
22. <TH>Meals</TH>
23. <TH>Hotels</TH>
24. <TH>Transport</TH>
25. <TH>subtotal</TH>
26.</TR>
27.<TR>
28. <TH id="san-jose" axis="san-jose" colspan="5"
29. style="background-color:#efe;text-align:left;">San Jose</TH>
30.</TR>
31.<TR>
32. <TH headers="san-jose">25-Aug-97</TH>
33. <TD>37.74</TD>
34. <TD>112.00</TD>
35. <TD>45.00</TD>
36. <TD></TD>
37.</TR>
38.<TR>
39. <TH headers="san-jose">26-Aug-97</TH>
40. <TD>27.28</TD>
41. <TD>112.00</TD>
42. <TD>45.00</TD>
43. <TD></TD>
44.</TR>
45.<TR style="background-color:#cadceb;">
46. <TH headers="san-jose">subtotal</TH>
47. <TD>65.02</TD>
48. <TD>224.00</TD>
49. <TD>90.00</TD>
50. <TD>379.02</TD>
51.</TR>
52.<TR>
53. <TH id="seattle" axis="seattle" colspan="5"
54. style="background-color:#efe;text-align:left;">Seattle</TH>
55.</TR>
56.<TR>
57. <TH headers="seattle">27-Aug-97</TH>
58. <TD>96.25</TD>
59. <TD>109.00</TD>
60. <TD>36.00</TD>
61. <TD></TD>
62.</TR>
63.<TR>
64. <TH headers="seattle">28-Aug-97</TH>
65. <TD>35.00</TD>
66. <TD>109.00</TD>
67. <TD>36.00</TD>
68. <TD></TD>
69.</TR>
70.<TR>
71. <TH headers="seattle">subtotal</TH>
72. <TD>131.25</TD>
73. <TD>218.00</TD>
74. <TD>72.00</TD>
75. <TD>421.25</TD>
76.</TR>
77.<TR style="background-color:#cadceb;">
78. <TH>Totals</TH>
79. <TD>196.27</TD>
80. <TD>442.00</TD>
81. <TD>162.00</TD>
82. <TD>800.27</TD>
83.</TR>
84.</TABLE>
85.
86. </BODY>
87.</HTML>
88.

Отображение данной таблицы будет соответствовать примерно следующему рисунку:

Воспроизведение информации ячеек таблицы с использованием свойства speak-header

Согласно спецификации CSS2, при использовании свойства speak-header со значением always браузеры, поддерживающие возможность воспроизведения содержимого заголовков таблицы, будут воспроизводить содержимое в следующем порядке:

San Jose, 25-Aug-97, Meals: 37.74 San Jose, 25-Aug-97, Hotels: 112.00 San Jose, 25-Aug-97, Transport: 45.00

При использовании значения once в следующем порядке:

San Jose, 25-Aug-97, Meals: 37.74 Hotels: 112.00 Transport: 45.00 26-Aug-97, Meals: 27.28 Hotels: 112.00 ...


Доступ и установка с jQuery

  • Получить свойство speakHeader: val = $("div").css("speakHeader");
  • Установить свойство speakHeader: $("div").css({"speakHeader":"..."});
  • Установить свойство speakHeader: $("div").css("speakHeader","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org