Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-width

Материал из Справочник Web-языков.

Содержание

1 Атрибут border-width | Свойство borderWidth
2 Синтаксис
3 Возможные значения
4 Замечания
5 Примеры
6 Стандарты
7 Поддерживаемые браузеры
8 Смотри также
9 Ссылки на источники

[править] Атрибут border-width | Свойство borderWidth

Это свойство устанавливает ширину для всех границ элемента одновременно.

[править] Синтаксис

HTML	{ border-width : sWidth }
Скрипты	[ sWidth = ] object.borderWidth

[править] Возможные значения

sWidth: Строка, которая может определять и принимать одно из следующих значений:

medium	Значение по умолчанию.
thin	Делает границу немного тоньше, чем при значении по умолчанию.
thick	Делает границу немного толще, чем при значении по умолчанию.
width	Граница задается вещественным числом. Допустимо использовать следующие единицы измерения: cm, mm, in, pt, pc, em, ex, или px. Более подробно допустимые значения толщины описаны в CSS Length Units Reference.

Свойство borderWidth не наследуется, то есть должно быть определено отдельно для каждого элемента. Значением по умолчанию является medium.

Одновременно может быть определено до четырех значений для данного свойства:

Одно значение	Толщина задается одновременно для всех границ элемента.
Два значения	Первое задает толщину верхней и нижней границ, а второе - левой и правой.
Три значения	Первое задает столщину верхней границы, второе - одновременно левой и правой, третье - нижней.
Четыре значения	Толщина границ задается по часовой стрелке, начиная с верхней границы. Порядок задания: верхняя, правая, нижняя и левая границы.

[править] Замечания

В Internet Explorer 5.5 borderWidth применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.

Как правило, граница отображается со следующей толщиной: thin - 2 пикселя, medium - 4 пикселя и thick - 6 пикселей. В разных браузерах эти значения варьируются, поэтому для точного отображения лучше задавать цифровое значение в пикселях или других единицах, например: border-width: 3px.

[править] Примеры

Следующие примеры иллюстрируют применение свойства borderWidth и атрибута border-width для задания ширины границам объекта.

В первом примере используется атрибут border-width, чтобы задать ширину границ элемента равной 1 сантиметру при клике курсором мыши по объекту.

<HEAD>
<STYLE>
    TD { border-width:3mm }
    .changeborder1 { border-width:1cm }
</STYLE>
</HEAD>
<BODY> 
<TABLE BORDER>
<TR>
    <TD onclick="this.className='changeborder1'"
        ondblclick="this.className=''">
        <IMG src="sphere.jpg"></TD>
</TR>
</TABLE>

Во втором примере для изменения ширины верхней границы элемента на более толстую, равную 1 сантиметру, применяется свойство borderWidth.

<TD onclick="this.style.borderWidth='1cm'">

[править] Стандарты

Это свойство определено в Cascading Style Sheets (CSS), Level 1 (CSS1)

[править] Поддерживаемые браузеры

Internet Explorer 8.0, в версиях 6.0 и 7.0 возможны ошибки

Opera 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Браузер Internet Explorer до шестой версии включительно при толщине границы 1px отображает dotted как dashed. При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed.