У меня есть таблица, которую по другим причинам я предпочитаю сохранять коллапсом таблицы: отдельный. Однако я хотел бы смочь выделить отдельную строку или столбец. К сожалению, кажется что любой стиль, к которому относятся <tr>
или <col>
теги только относятся к ячейкам, не пространству между ними. Например:
<style>
td { width: 10px; height: 10px; }
</style>
<table style="background-color: purple">
<colgroup>
<col span="2">
<col style="background-color: red;">
<col span="2">
<colgroup>
<tr><td><td><td><td><td></tr>
<tr><td><td><td><td><td></tr>
<tr style="background-color: orange;"><td><td><td><td><td></tr>
<tr><td><td><td><td><td></tr>
<tr><td><td><td><td><td></tr>
</table>
результаты в фиолетовой таблице с 5 вертикальными ячейками и 5 горизонтальными ячейками, заполненными цветом, но не всей строкой или столбцом.
Сделайте у меня есть любая опция помимо использования коллапса границы: коллапс для заполнения того пространства между ячейками в данной строке или столбцом?
Если вы используете постоянную ширину строки, вы можете использовать colspan
для объединения всех ячеек некоторого ряда в одну ячейку, а затем создать в ней новую таблицу с отдельными границами с выбранным вами цветом фона.
Не с пограничным коллапсом: отдельно
, спецификации W3C Именно это связано:
Обратите внимание, что если таблица имеет «пограничный коллапс: отдельно», фон облада, заданного «имуществом между раковиной», всегда является фоном элемента таблицы. См. Разделенные границы .
и:
В [46] в пространстве пространства границы], строка, столбец, группа строк и фоны группы столбцов невидимы, позволяя предпосылке таблицы показывать. Ряды, колонны, группы строк и группы столбцов не могут иметь границ (то есть, пользовательские агенты должны игнорировать свойства границ для этих элементов).
Возможно, вы захотите проверить совместимость браузера на таблице CSS: