Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • 8 953 242 0439
  • +7 953 242 0439
  • ws-aprel@ya.ru
  • *******
  • Россия, г. Горячий Ключ
» » Оформление таблиц

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

dorofeeva 4-04-2013, 15:48 4 079 Уроки по HTML

Атрибут border тега <TABLE>управляет отображением всех границ таблицы, однако с его помощью можно установить толщину только внешней рамки таблицы.

Для задания параметров внешних и внутренних границ используются атрибуты frame и rules.

Атрибут frame тега <TABLE> задает отображение внешней рамки и может принимать следующие значения:

box все линии внешней рамки;

void внешняя рамка не отображается;

hsides только верхняя и нижняя линия рамки;

vsides только левая и правая линии рамки;

lhs только левая линия рамки;

rhs только правая линия рамки.

 

Атрибут rules тега <TABLE> задает отображение внутренней рамки и может принимать следующие значения:

none все линии внутренней рамки не отображаются;

rows отображаются только горизонтальные линии между строками;

cols отображаются только вертикальные линии между столбцами;

 

Рамки таблиц отображаются в виде двойной линии, расстояние между которыми по умолчанию устанавливается в 2 пиксела.

Атрибут cellspacing тега <TABLE> изменяет это расстояние между линиями границы.

Атрибут cellpadding тега <TABLE> изменяет расстояние между границей ячейки и ее содержимым.

Атрибут bordercolor тега <TABLE> задает цвет внешней рамки.

Атрибут bordercolor тегов <TR>, <TH> и <TD> задает цвет внутренних рамок.

Вот на этом примере вы можете посмотреть таблицу с внутренними границами красного цвета и отключенной внешней границей.

 

Ячейка 1 Ячейка 3
Ячейка 2 Ячейка 4

 

 

Похожие новости

  • Создание сложных таблиц
  • Создание простой таблицы
  • Создание фреймов
  • Урок 6. Вставка звука и видео
  • Урок 3. Горизонтальные линии и бегущая строка

  • Добавить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
    Кликните на изображение чтобы обновить код, если он неразборчив