Внутренние компоненты таблиц в CSS.

Табличными элементами могут быть любые части таблицы, включая table и заголовок таблицы caption. Внутренние компоненты таблицы лишь те, которые образуют ячейку, например, td и th; строку tr; группу строк rowgroup; столбец col или группу столбцов colgroup.

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

Заголовки таблиц.

Элемент заголовка таблицы caption для представления заголовков таблиц впервые появился в составе HTML 4.0. В CSS с ним связано специальное поведение и собственное свойство для размещения заголовка выше или ниже таблицы под названием caption-side.

Свойство caption-side в CSS. Значения:

                             top
                             bottom
                             inherit

Начальное значение: top. Применимо: К заголовкам таблиц caption. Наследуется: Да.

По умолчанию заголовок таблицы располагается над ее блоком top, однако caption-side позволяет разместить его и внизу bottom. Заголовок таблицы элемент-блок, а потому имеет свои особенности. Как и все блочные элементы, таблица и заголовок могут иметь свой набор свойств, например, отступов. Однако при этом они трактуются и как потомки от table, а стало быть, наследуют и свойства самой таблицы. Поэтому если таблица была объявлена синей, то, несмотря на существование у заголовка своего блока и своих отступов, синим станет и он. Межблочный отступ между таблицей и заголовком сжимается до наибольшего из двух заданных.

Существует неявный, анонимный, прямоугольник, в который заключены прямоугольники таблицы и заголовка. Именно он используется при позиционировании HTML-элемента table с учетом свойств:

                            float
                            position
                            margin-*
                            top
                            right
                            bottom 
                            left

Порядок наложения элементов в CSS.

Согласно модели визуального форматирования таблиц разнообразные табличные элементы считаются относящимися к различным наложенным друг на друга слоям, определяющим видимость конкретных фрагментов фона. По умолчанию элементы прозрачны и допускают просвечивание фона «нижних» слоев. При этом фон конкретного элемента виден, если все элементы «выше» него прозрачны. Порядок наложения слоев с табличными элементами «сверху вниз» следующий: ячейка, строка, группа строк, столбец, группа столбцов, таблица. Другими словами, закраска фона ячейки перекрывает фоновый цвет строки, группы строк и т. д. Эта система похожа на ту, в которой атрибут цвета ячеек таблицы HTML td подменяет соответствующие настройки строки tr, а те перекрывают собой и настройки таблицы table. Одним из важных аспектов модели, действующей в CSS, является приоритет, который над столбцами и группами таковых имеют строки и группы строк.


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
... ... ...

обратно на главную     назад    дальше     вперед