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

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

Перейти к: навигация, поиск


Содержание

Атрибут border-bottom-width | Свойство borderBottomWidth

Это свойство устанавливает ширину нижней границы элемента.

Синтаксис

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

Возможные значения

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

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

Замечания

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

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

Примеры

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

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

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

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

<TD onclick="this.style.borderBottomWidth='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.

Смотри также

border, CSS Enhancements in Internet Explorer 6

Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms533512(VS.85).aspx

https://developer.mozilla.org/en/CSS/border-bottom-width

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
смотрим также
    Rambler\'s Top100 Индекс цитирования
    смотрим также