HTML: Популярный самоучитель

ОглавлениеДобавить в закладки К обложке

<TR>

<TD style = "border-width: thin">thin

<TD style = "border-width: medium">medium

<TD style = "border-width: thick">thick

<TR>

<TD style = "border-width: 1px">1px

<TD style = "border-width: 2px">2px

<TD style = "border-width: 4px">4px

<TR>

<TD style = "border-width: 1pt">1pt

<TD style = "border-width: 2pt">2pt

<TD style = "border-width: 4pt">4pt

<TR>

<TD style = "border-width: 1mm">1mm

<TD style = "border-width: 2mm">2mm

<TD style = "border-width: 4mm">4mm

</TABLE>

</BODY>

</HTML>

Обратите внимание на одну особенность использования границ, затронутую в этом примере. Очень часто (но не всегда и не во всех браузерах) по умолчанию границы элементов невидимы (стиль границ none). По этой причине задание толщины границ не будет иметь никакого эффекта. Чтобы границы ячеек (именно ячеек) были показаны, в этом примере использовалась небольшая таблица стилей, в которой для элементов TD включено отображение сплошных границ.

Страница, созданная по примеру 11.2, выглядит так, как показано на рис. 11.5.

Рис. 11.5. Границы разной толщины

При использовании свойств, управляющих толщиной границ, нужно также иметь в виду, что не все стили границ, задаваемые свойством borderstyle, могут быть нарисованы с указанной толщиной. Так, например, не могут быть нарисованы с толщиной 1px двойные, а также выпуклые и вдавленные линии.


Логин
Пароль
Запомнить меня