CSS

Таблицы

меню

      Таблицы  

Элементы таблиц появились только в CSS2. Их свойства определяют стиль, промежутки и структуру таблиц.

      caption-side  

Определяет положение подписи таблицы по отношению к самой таблице.

Значение:

  • top - подпись сверху таблицы (по умолчанию).
  • right - подпись справа от таблицы.
  • bottom - подпись снизу таблицы.
  • left - подпись слева от таблицы.
  • inherit - принимается значение родительского элемента.

   table {caption-side : top}

      table-layout  

Определяет общий вид таблицы.

Значение:

  • auto - общий вид таблицы определяется браузером (по умолчанию).
  • fixed - устанавливается фиксированный общий вид таблицы.
  • inherit - принимается значение родительского элемента.

   table {table-layout : fixed}

      border-collapse  

Определяет отображение табличных границ на экране.

Значение:

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

   table {border-collapse: separate}

      border-spacing  

Определяет интервалы между табличными границами. Если имеется только одно значение, то оно будет применено и к горизонтальному, и к вертикальному направлению.

Значение:

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

   table {border-spacing: 4px}

      empty-cells  

Определяет, как выводить на экран границы пустых ячеек.

Значение:

  • show - границы пустых ячеек видны (по умолчанию).
  • hide - границы пустых ячеек скрыты.
  • inherit - принимается значение родительского элемента.

   table {empty-cells: show}

      speak-header  

Определяет, как программа чтения экрана (screen reader) произносит табличные заголовки.

Значение:

  • once - заголовок каждого столбца произносится только один раз (по умолчанию).
  • always -заголовок столбца произносится каждый раз при работе ячеек этого столбца.
  • inherit - принимается значение родительского элемента.

   table {speak-header: once}

      column-span  

Определяет количество соединяемых (span) столбцов.

Значение:

  • любое соответствующее стандартам число - количество соединяемых столбцов. По умолчанию это 1.
  • inherit - принимается значение родительского элемента.

   td {column-span: 3}

      row-span  

Определяет количество соединяемых (span) строк.

Значение:

  • любое соответствующее стандартам число - количество соединяемых строк. По умолчанию это 1.
  • inherit - принимается значение родительского элемента.

   td {row-span: 3}
На верх Написать письмо WEB-мастеру Печать Добавить в избранное Cделать стартовой