CSS Свойство border-width
Полный CSS Справочник
Пример
Установка ширины всех четырех границ:
p
{
border-style:solid;
border-width:15px;
} |
Попробуйте сами » |
Определение и ИспользованиеСвойство border-width устанавливает толщину всех четырех границ элемента.
Это свойство может иметь от одного до четырех значений.
Примеры:
- border-width:thin medium thick 10px;
- верхняя граница тонкая
- правая граница средняя
- нижняя граница толстая
- левая граница 10px
- border-width:thin medium thick;
- верхняя граница тонкая
- правая и левая границы средние
- нижняя граница толстая
- border-width:thin medium;
- верхняя и нижняя границы тонкие
- правая и левая границы средние
- border-width:thin;
- все четыре границы тонкие
Замечание: Всегда объявляйте свойство border-style перед свойством border-width.
Элемент должен иметь границы прежде чем вы сможете изменить из ширину.
Значение по умолчанию: |
medium |
Наследуется: |
нет |
Версия: |
CSS1 |
JavaScript синтаксис: |
объект.style.borderWidth="thin thick" |
Поддержка Браузерами
Свойство border-width поддерживается всеми основными браузерами.
Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8
требует объявления !DOCTYPE. IE9 поддерживает "inherit".
Значения Свойства
Значение |
Описание |
thin |
Указывает тонкую границу |
medium |
Указывает среднюю границу. Используется по умолчанию |
thick |
Указывает толстую границу |
толщина |
Позволяет вам определить толщину границы, указав ее значение |
inherit |
Указывает, что толщина границы должна наследоваться от родительского элемента |
Смотрите ТакжеCSS уроки: CSS Граница
Полный CSS Справочник
|