УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS Свойство border-width


CSS Справочник Полный 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"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство border-width поддерживается всеми основными браузерами.

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".


Значения Свойства

Значение Описание
thin Указывает тонкую границу
medium Указывает среднюю границу. Используется по умолчанию
thick Указывает толстую границу
толщина Позволяет вам определить толщину границы, указав ее значение
inherit Указывает, что толщина границы должна наследоваться от родительского элемента


Смотрите Также

CSS уроки: CSS Граница


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS