Параметры таблицы table в html (свойства)
- Подробности
- Категория: HTML - при создании сайтов
- Просмотров: 3353
Параметры и свойства таблицы понадобятся вам для придания ей более приглядного вида. В html это указывается в теге <table>.
Рассмотрим основные параметры тега table:
Свойство | Описание | Значение | Пример |
width | Ширина таблицы (можно задавать в пикселах или процентах) | n, n% | <table width="100%"> |
cellpadding | Расстояние между ячейкой и ее содержимым(в пикселах) | n | <table cellpadding="4"> |
cellspacing | Расстояние между ячейками(в пикселах) | n | <table cellspacing="4"> |
align | Выравнивание таблицы | left, right, center |
<table align="center"> |
border | Толщина рамки(в пикселах) | n | <table border="2"> |
background | Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы. | url | <table background="ссылка на изображение"> |
bgcolor | Цвет фона таблицы | #rrggbb | <table bgcolor="#333333"> |
cols | Задает количество столбцов в таблице, в помощь браузеру при подготовке к ее отображению(практически никогда не указывается) | n | <table cols="3"> |
rules | Определяет, где рисовать границы между ячейками | all, groups, cols, none, rows |
<table rules="cols"> |
nowrap | Запрещает переносы строк в тексте. | <table nowrap> | |
frame | Задание типа рамки таблицы | void above below lhs rhs hsides vsides box |
<table frame="hsides"> |
Обратите внимание:
- если не указана ширина - то это означает, что она выбирается браузером автоматически;
- по-умолчанию ширина подгоняется под содержимое самих ячеек!
- по-умолчанию таблица выводится без рамки - поэтому задайте ее в теге table как это показано на примерах выше(иногда требуется указать и цвет).
Теперь ваши таблицы должны выглядеть всегда красиво!
Почему данная таблица(в этой статье выглядит неприглядно) - узнайте подробно тут - как правильно создать таблицу для сайта
Смотрите также: