Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - empty-cells.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Внимание!!! IE8 поддерживает свойство пустых клеток, только если DOCTYPE указан.

Определение и использование. Свойство empty-cells( пустые-клетки) устанавливает, следует ли отображать границы и фон в пустых ячеек в таблице( только для модели "разделенные границами"). В некоторых случаях свойство empty-cells Вам дает возможность красиво упаковать данные в таблицу. Значения свойства empty-cells легко понимается и не вызывают затруднения.

Чуть ниже написал маленькую программу , демонстрирующую свойства empty-cells.

Самое мощное и интересное здесь не в том, что производится какое-то изменение какого-то участка( элемента) страницы сайта. Вся интересная и необходимая информация в том, что свойство empty-cells, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Всегда и при любых обстоятельствах.


Синтаксис:

               empty-cells: show|hide|initial|inherit;

Описание и Использование

Значение по умолчанию: показать
наследует: да
Версия: CSS2
JavaScript синтаксис: object.style.emptyCells="hide"


Свойства Значение

Значение Описание
show Фон и границы показаны на пустые клетки. Это значение установлено по умолчанию
hide Нет фона или границы, показанные на пустые клетки
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
table
{
border-collapse:separate;
empty-cells:hide;
}
< /style>
< /head>
< body>
< table border="1">
< tr>
< td>Олег< /td>
< td>Саша< /td>
< /tr>
< tr>
< td>Маша< /td>
< td>< /td>
< /tr>
< /table>

< p>< b>Внимание!!!< /b> IExplorer 8 поддерживает свойство empty-cells только
 если !DOCTYPE уточняется.< /p>
< /body>
< /html>                     

Результат программы:

Олег Саша
Маша

Внимание!!! IExplorer 8 поддерживает свойство empty-cells только если !DOCTYPE уточняется.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: