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



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

Значения свойства empty-cells

show Пустая ячейка будет отображаться так же как обычная
hide Пустая ячейка будет отображаться, не будут отображаться её рамки

При использовании данного свойства, если все ячейки в таблице пустые, то для строки будет уставлено свойство display:none.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3. <HEAD>
  4.<STYLE type="text/css">
  5. TABLE {
  6. background: #CCC;
  7. border-collapse: separate;
  8. border-spacing: 15pt;
  9. width:200px;
10. height:200px;
11. empty-cells: hide;
12. }
13. TD {
14. background: #ccc;
15. border: solid black;
16. }
17.</STYLE>
18. </HEAD>
19. <BODY>
20. <TABLE>
21. <TR>
22. <TD> </TD>
23. <TD> </TD>
24. <TD> </TD>
25. <TD> </TD>
26. </TR>
27. <TR>
28. <TD> Свойство empty-cells. </TD>
29. <TD> Свойство empty-cells. </TD>
30. <TD> Свойство empty-cells. </TD>
31. <TD> Свойство empty-cells. </TD>
32. </TR>
33. <TR>
34. <TD> Свойство empty-cells. </TD>
35. <TD> Свойство empty-cells. </TD>
36. <TD> Свойство empty-cells. </TD>
37. <TD> Свойство empty-cells. </TD>
38. </TR>
39. </TABLE>
40. </BODY>
41. </HTML>
Свойство empty-cells
Свойство empty-cells

В CSS2 предусмотрены следующие допустимые типы рамок табличных элементов:

none Рамка отсутствует. Данное значение устанавливает свойство border-width равным '0'.
hidden Рамка отсутствует. К табличным элементам данное свойство не применяется.
dotted Рамка в виде точек.
dashed Рамка в виде черточек.
solid Рамка в виде линии.
double Рамка в виде двойной сплошно линии. Ширина данной рамки определятся верхней и нижней линией рамки и пространством находящимся между этими линями.
groove Рамка в виде обычной линии с вырезом на нижней границе.
ridge То же самое что и тип groove, только вырез находится сверху.
inset Рамка создает видимость холста.
outset Рамка создает видимость холста.


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

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