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



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

В качестве значения свойства допускаются следующие типы рамок:

none Рамка отсутствует. Данное значение устанавливает свойство border-width равным '0'.
hidden Рамка отсутствует. К табличным элементам данное свойство не применяется.
dotted Рамка в виде точек.
dashed Рамка в виде черточек.
solid Рамка в виде линии.
double Рамка в виде двойной сплошно линии. Ширина данной рамки определятся верхней и нижней линией рамки и пространством, находящимся между этими линями.
groove Рамка в виде обычной линии с вырезом на нижней границе.
ridge То же самое что и тип groove, только вырез находится сверху.
inset Рамка создает видимость холста.
outset Рамка создает видимость холста.

Пример сокращенного варианта записи, в котором тип горизонтальных линий рамки элемента будет соответствовать solid, а вертикальных - dotted:

  1.div {
  2. color: black;
  3. background: white;
  4. border-style: solid dotted;
  5.}

До тех пор пока свойство border-style не установлено, рамка не будет отображаться.

Тип четырёх рамок элемента - dotted, свойство border-color здесь может быть удалено, так как цвет по умолчанию для рамки соответствует black.

  1.img {
  2.border-color: rgb(000,000,000);
  3.border-style: dotted;
  4.}
  5.


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

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