Rambler's Top100 Старый русский почтовик! Оплата в WM! Самый активный, самый надежный!
Рыболовные туры в Финляндию
Рыбалка в Финляндии
с русскоговорящим гидом!
SEO sprint - Всё для максимальной раскрутки!
Форум русских рыболовов Финляндии

Рыбалка в Финляндии


главная
DHTML
Перечень элементов
Список фильтров
Свойства текста
Свойства цвета
Таблица
цветовых кодов
Объекты
JavaScript
Свойства таблиц
Методы и функции JavaScript

Свойства стилей для таблиц.

   Честно говоря, для оформления таблиц на страницах Вашего сайта можно использовать такое количество свойств, что врядли мне удастся собрать и поместить их все в одной статье. Это связано с тем, что для оформления таблиц можно использовать практически любые правила: предназначенные для оформления границ, объектов, цвета и фона... Всего не перечислить. Поэтому в этой статье мы рассмотрим некоторые свойства, которые касаются собственно таблиц, а описание других Вы найдете в статьях про свойства шрифтов, границ, цвета и фона и некоторых других, которые Вы найдете в разделе вспомогательные материалы.

Свойства таблиц

display
  • Создание таблиц и элементов таблиц. Значения:
  • table — таблица (аналог элемента TABLE);
  • table-caption — заголовок таблицы (аналог элемента CAPTION);
  • table-column — колонка таблицы (аналог элемента COL);
  • table-column-group — группа колонок (аналог элемента COLGROUP);
  • table- row — строка таблицы (аналог элемента TR);
  • table- row-g roup — группа строк (аналог элемента TBODY);
  • table-header-group — группа строк в начале таблицы (аналог элемента THEAD);
  • table-footer-group — группа строк в конце таблицы (аналог элемента TFOOT);
  • table-cell — ячейка таблицы (аналог элемента TD);
row-span - Количество строк, которые должна занять ячейка.
column-span - Количество столбцов, которые должна занять ячейка.
border-collapse - Способ прорисовки рамки. Значения:
  • separate — стиль броузеров (трехмерная рамка);
  • collapse — стиль текстовых редакторов (плоская рамка).
border - Характеристика рамки. Значение свойства состоит из трех элементов: толщина, тип, цвет.
Возможные типы:
  • попе или hidden — рамка не показана;
  • dotted — рамка из точек;
  • dashed — пунктирная рамка;
  • solid — сплошная рамка;
  • double — двойная рамка; Ш groove — двугранная рамка;
  • ridge — такая же, как groove, но светлая и темная грани расположены иначе;
  • inset — одна грань, наклоненная внутрь;
  • outset — такая же, как inset, но свет падает по-другому.
Примеры:
TABLE { border: 1px solid blue; }
<TABLE style=«border-collapse: collapse; border: solid green;»>
<TD style=«border: double»>

vertical-align - Способ (степень) вертикального выравнивания.
Значения:
  • процентное;
  • top — по верхнему краю;
  • middle — по центру;
  • bottom — по нижнему краю;
table-layout - Алгоритм форматирования таблицы.
Значения:
  • auto — стандартный;
  • fixed — ускоренный.
Что можно сделать с таблицами с помощью CSS, вы можете посмотреть здесь.

Создать свой сайт


Рейтинг@Mail.ru liveinternet.ru: показано число посетителей за сегодня


Copyright © 2001 by Сергей Червонящий.
Все права защищены. Запрещено частичное или полное воспроизведение материалов сайта без согласования с автором.

Покупайте на OHO.ru:
Покупайте на OHO.ru: