Оформление таблиц в CSS.

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

                     • font и любые свойства шрифтов
                     • все свойства, задающие формат текста
                     • color (для изменения цвета)

Выравнивание внутри ячеек таблицы в CSS.

Чтобы настроить горизонтальное и вертикальное размещение содержимого ячеек таблицы, Вы можете использовать свойства стиля. Заметьте, что применение свойства text-align: center в отношении table не размещает в центре страницы саму таблицу, а производит центрирование содержимого всех ячеек.

Свойство • text-align в CSS выравнивает содержимое ячейки горизонтально. Значения свойства: left, right, center.

Свойство • vertical-align в CSS выравнивает содержимое ячейки по вертикали. Значения, допустимые при работе с таблицами:

                     baseline
                     top
                     bottom 
                     middle

Значения sub, super, text-top и text-bottom в CSS, а вместе с ними и выраженные в процентах и единицах длины использовать с элементами table запрещено.

Цвет фона и иллюстрации.

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

Свойство background в CSS и все другие свойства, задающие фон.

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

Свойства border в CSS и все другие свойства, определяющие границы.

Отступы в CSS.

Для указания отступа снаружи элемента таблицы используйте любое из соответствующих свойств. По отношению к внутренним элементам: ячейкам, строкам, столбцам понятие «отступ» неприменимо.

Свойство margin в CSS и все другие свойства, создающие отступ.

Заполнение в CSS.

Для расширения пространства вокруг содержимого ячеек таблицы используйте заполнение, связанное с элементом td. Элемент table, хотя и может содержать отступы, с заполнением несовместим.

Свойство padding и свойства формирования заполнения (на уровне отдельных ячеек).


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы