Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Свойства : -moz-border-bottom-colors

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Свойство -moz-border-bottom-colors

Задает цвет нижней границы элемента.

Синтаксис

-moz-border-bottom-colors: [<color>]* <color> | none

Используемые значения

color
Определяет список цветов, которые используются для отрисовки границы элемента. Прозрачный (transparent) цвет также поддерживается. Список всех цветов можно посмотреть в таблице Коды и названия цветов в HTML.
none
Значение по умолчанию. Если задано это значение, то для отрисовки границы никакой цвет не используется.

Значением по умолчанию является none. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Замечания

Если элемент имеет нижнюю границу толще, чем 1px, то каждая последующая линия границы отрисовывается с помощью нового цвета, заданного в свойстве -moz-border-bottom-colors. Первый цвет списка используется для отрисовки самой внешней линии.

Если число линий больше, чем количество цветов, указанных в списке, то оставшиеся линии отрисовываются последним цветом из списка.

Свойство -moz-border-bottom-colors не применяется, если для свойства border-style заданы значения dashed или dotted. А также если для свойства таблицы border-collapse установлено значение collapse.

Примеры

В примерах показано как описать свойство -moz-border-bottom-colors

/*  Для браузеров, отличных от Firefox, для границы будет задан стиль "inset gold 10px"*/

border: inset gold 10px;  color:gold;  background:gray;  padding:1em;
-moz-border-top-colors:    #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0;
-moz-border-right-colors:   red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0;
-moz-border-bottom-colors:  red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0;
-moz-border-left-colors:   #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0;
/*  Для браузеров, отличных от Firefox, для границы будет задан стиль "solid 1.5em" */

border: solid 1.5em;  -moz-border-radius:1.5em;
-moz-border-top-colors:    maroon maroon khaki maroon khaki maroon maroon transparent;
-moz-border-right-colors:  maroon maroon khaki maroon khaki maroon maroon magenta;
-moz-border-bottom-colors: maroon maroon khaki maroon khaki maroon maroon transparent;
-moz-border-left-colors:   maroon maroon khaki maroon khaki maroon maroon transparent;

Для просмотра примеров используйте браузер Firefox.

Поддерживаемые браузеры

Firefox (Gecko) начиная с версии 1.0 (1.0).

Другие популярные браузеры не поддерживаются.

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

border-color

Ссылки на источники

https://developer.mozilla.org/en/CSS/-moz-border-bottom-colors

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования