Свойство border-collapse

как это выглядит:

пример html-кода:

<style type="text/css">
   table.preview { border-collapse: separate; border-spacing: 15px 10px; border: solid 1px #d8dbe0; }
   table.preview td.solid { border: solid 1px #d8dbe0; }
   table.preview td.double { border: double 3px #d8dbe0; }
</style>

<table class="preview">
   <tr>
      <td class="solid">ячейка 1</td>
      <td class="double">ячейка 2</td>      
   </tr>
</table>

• border-collapse - сообщает браузеру какую модель применять при форматировании таблицы
  • collapse - устанавливает модель свёртывания - задаёт единое оформление для всей таблицы (ячейки таблицы отображаются без зазоров между ними)
  • separate - устанавливает модель разделения - позволяет отображать рамки вокруг отдельных ячеек (для каждой ячейки таблицы рамка формируется независимо от других ячеек)
  • inherit - наследует свойства "родительского" элемента
• border-spacing - определяет зазоры между ячейками (если задано одно значение оно применяется ко всем частям обрамления, если задано два значения, то первое определяет расстояние по горизонтали, второе - по вертикали)

поддержка браузеров: Internet Explorer частично, Mozilla Firefox все версии, Opera все версии, Netscape Navigator все версии

• 17
• 1
• 2
• 3
• 4
• 5

23.10.07 просмотров: 2734