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



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

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

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

Пример в котором объясняется сокращенное свойство border, его отличия от полных свойств:

  1.P { border: solid red }
  2.P {
  3. border-top: solid red;
  4. border-right: solid red;
  5. border-bottom: solid red;
  6. border-left: solid red;
  7.}

Первое и второе правило выполняют одну и ту же задачу – устанавливают цвет и тип всех рамок - solid red (сплошная красная линия).

Интересный пример:

  1.BLOCKQUOTE {
  2. border-color: red;
  3. border-left: double;
  4. color: black;
  5.}
  6.
Несмотря на ожидание появления красной левой границы рамки блока, левая граница будет иметь черный цвет (black), это происходит из-за того, что было указано свойство border-left без значения цвета рамки и, следовательно, цвет рамки наследуется от свойства color.


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

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