Категория > Справочник CSS > border-width
border-width21-03-2016, 16:50. Автор: Administrator |
||||||||||||||||||||||||||||||||||||||||||
Краткая информация
Версии CSS
ОписаниеЗадает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны. Способ изменения толщины зависит от числа значений. Синтаксисborder-width: [значение | thin | medium | thick] {1,4} | inherit ЗначенияТри переменные — thin (2 пиксела), medium (4 пиксела) и thick (6 пикселов) задают толщину границы. Для более точного значения, толщину можно указывать в пикселах или других единицах. inherit наследует значение родителя. Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Эффект зависит от количества и приведен в табл. 1.
Пример HTML5CSS2.1IECrOpSaFx
Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства border-width Объектная модель[window.]document.getElementById("elementID").style.borderWidth БраузерыБраузер Internet Explorer до шестой версии включительно при толщине границы 1px отображает dotted как dashed. При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed. Internet Explorer до версии 7.0 включительно не поддерживает значения hidden и inherit. Толщина границы при использовании ключевых слов thin, medium и thick в разных браузерах может несколько различаться. Перейти обратно к новости |