Реклама от Google
Поиск
Таблицы
Элементы таблиц появились только в CSS2. Их свойства определяют стиль, промежутки и структуру таблиц.
Определяет положение подписи таблицы по отношению к самой таблице.
Значение:
- top - подпись сверху таблицы (по умолчанию).
- right - подпись справа от таблицы.
- bottom - подпись снизу таблицы.
- left - подпись слева от таблицы.
- inherit - принимается значение родительского элемента.
table
{caption-side
: top}
Определяет общий вид таблицы.
Значение:
- auto - общий вид таблицы определяется браузером (по умолчанию).
- fixed - устанавливается фиксированный общий вид таблицы.
- inherit - принимается значение родительского элемента.
table
{table-layout
: fixed}
Определяет отображение табличных границ на экране.
Значение:
- collapse - смежные границы табличных ячеек превращаются в одну общую границу (по умолчанию).
- separate - смежные границы ячеек таблицы остаются отдельными.
- inherit - принимается значение родительского элемента.
table
{border-collapse: separate}
Определяет интервалы между табличными границами. Если имеется только одно значение, то оно будет применено и к горизонтальному, и к вертикальному направлению.
Значение:
- Первая длина, соответствующая стандартам, расстояние по горизонтали между
границами табличных ячеек.
- Вторая длина, соответствующая стандартам, расстояние по вертикали между
границами табличных ячеек.
- inherit - принимается значение родительского элемента.
table
{border-spacing: 4px}
Определяет, как выводить на экран границы пустых ячеек.
Значение:
- show - границы пустых ячеек видны (по умолчанию).
- hide - границы пустых ячеек скрыты.
- inherit - принимается значение родительского элемента.
table
{empty-cells: show}
Определяет, как программа чтения экрана (screen reader) произносит табличные заголовки.
Значение:
- once - заголовок каждого столбца произносится только один раз (по умолчанию).
- always -заголовок столбца произносится каждый раз при работе ячеек этого столбца.
- inherit - принимается значение родительского элемента.
table {speak-header: once}
Определяет количество соединяемых (span) столбцов.
Значение:
- любое соответствующее стандартам число - количество соединяемых столбцов. По умолчанию это 1.
- inherit - принимается значение родительского элемента.
td {column-span: 3}
Определяет количество соединяемых (span) строк.
Значение:
- любое соответствующее стандартам число - количество соединяемых строк. По умолчанию это 1.
- inherit - принимается значение родительского элемента.
td {row-span: 3}
css таблицы скачать css table
|