Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Свойства : -moz-border-left-colors
смотрим также
Материал из Справочник Web-языков
Содержание |
Свойство -moz-border-left-colors
Задает цвет левой границы элемента.
Синтаксис
-moz-border-left-colors: [<color>]* <color> | none
Используемые значения
- color
- Определяет список цветов, которые используются для отрисовки границы элемента. Прозрачный (transparent) цвет также поддерживается. Список всех цветов можно посмотреть в таблице Коды и названия цветов в HTML.
- none
- Значение по умолчанию. Если задано это значение, то для отрисовки границы никакой цвет не используется.
Значением по умолчанию является none. Атрибут Каскадных таблиц стилей (CSS) не наследуется.
Замечания
Если элемент имеет левую границу толще, чем 1px, то каждая последующая линия границы отрисовывается с помощью нового цвета, заданного в свойстве -moz-border-left-colors. Первый цвет списка используется для отрисовки самой внешней линии.
Если число линий больше, чем количество цветов, указанных в списке, то оставшиеся линии отрисовываются последним цветом из списка.
Свойство -moz-border-left-colors не применяется, если для свойства border-style заданы значения dashed или dotted. А также если для свойства таблицы border-collapse установлено значение collapse.
Примеры
В примерах показано как описать свойство -moz-border-left-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).
Другие популярные браузеры не поддерживаются.
Смотрите также
Ссылки на источники
https://developer.mozilla.org/en/CSS/-moz-border-left-colors