Существуют две разных точки зрения на границы ячеек таблицы. Согласно первой, каждая ячейка является независимой сущностью со своими собственными границами. Вторая точка зрения сводится к тому, что соседние ячейки имеют общую границу и изменение границы одной ячейки неизбежно влияет на границу другой.

Чтобы предоставить авторам максимальный контроль, CSS2 определяет свойство border-collapse, позволяющее каждому составителю документов выбрать модель по вкусу. Значением этого свойства по умолчанию является collapse, которое заставляет соседние ячейки делить друг с другом общую границу. Альтернативным значением свойства
border-collapse является separate. Оно расширяет таблицу так, что границы каждой ячейки выводятся отдельно и отчетливо.

Если вы выберете модель separate, вы сможете пользоваться свойством border-spacing и устанавливать интервалы между границами соседних ячеек. По умолчанию этот интервал равен 0, то есть границы ячеек соприкасаются. Впрочем, в броузерах могут быть приняты иные умолчания. Увеличивая это значение, вы заставляете броузер раздвигать границы ячеек так, что станет проступать фоновый цвет или изображение. Если вы указываете только одно значение свойства border-spacing, оно задаст интервал как для вертикальных, так и для горизонтальных границ. Когда указаны два значения, первое определяет горизонтальный, а второе – вертикальный интервал.

В рамках модели separate вы можете управлять изображением границ вокруг ячеек. По умолчанию границы рисуются у каждой ячейки таблицы, даже если она пустая. Вы можете изменить этот стиль, переключив значение свойства empty cells с show (по умолчанию) на hide. Когда установлено это значение, в пустых ячейках виден фон таблицы. Если целая строка таблицы состоит из пустых значений, броузер удаляет ее из таблицы.

Такая нужная вещь как пластиковые ведра непременно пригодятся в хозяйстве.
Лучшим украшением вашего интерьера станут хрустальные люстры из чехии.



Отправить комментарий