Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
border-width

Чтобы рамка элемента отображалась, необходимо указывать свойство border-width одновременно со свойством border-style.

  1.p {
  2.border-style:solid;
  3.border-width: medium;
  4.}
  5.
В этом примере с помощью сокращенного свойства border-width устанавливается рамка для элемента P, размер который определен ключевым словом medium.

Значения thin medium thick зависят от настроек браузера и определяют размеры рамки в порядке возрастания: thin – минимальный размер рамки, medium – среднее значение рамки, максимальный размер рамки - thick.

При использовании сокращенного варианта записи свойства border-width, применяются следующие правила:

  1. При указании одного значения в сокращенном варианте записи (border) оно применяется для всех четырёх свойств, то есть указав border-width: 10px; каждое из четырех свойств становится равным 10 px;
  2. При указании двух значений, например - border-width: 10px 20px; для верхней и нижней рамок значения будет установлено как 10px, для левой и правой как 20px;
  3. При указании одновременно всех четырёх свойств, первое будет соответствовать верхней рамке, второе – правой рамке, третье – нижней рамке , четвертое – левой рамке.

С помощью сокращенного свойства border-width допускается устанавливать рамку для всех сторон элемента, либо для некоторых:

  1.H1 { border-width: thin } /* thin thin thin thin */
  2.H1 { border-width: thin thick } /* thin thick thin thick */
  3.H1 { border-width: thin thick medium } /* thin thick medium thick */
  4.


Доступ и установка с jQuery

  • Получить свойство borderWidth: val = $("div").css("borderWidth");
  • Установить свойство borderWidth: $("div").css({"borderWidth":"..."});
  • Установить свойство borderWidth: $("div").css("borderWidth","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org