CSS Таблицы

[WTBG]

Таблицы

Элементы таблиц появились только в 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}

Вам необходимо зарегистрироваться для просмотра ссылок