Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Свойства : -moz-image-region
смотрим также
Материал из Справочник Web-языков
Содержание |
Свойство -moz-image-region
Используется чтобы заменить изображение, описанное с помощью list-style-image, фрагментом этого изображения.
Синтаксис
-moz-image-region: rect(top, right, bottom, left);
Используемые значения
- Аналогичны clip
Значением по умолчанию является auto. Атрибут Каскадных таблиц стилей (CSS) наследуется.
Замечания
С помощью -moz-image-region для разных жлементов можно использовать разные части изображения, чтобы сделать дизайн web-страницы еще более привлекательным.
Свойство -moz-image-region применяется для элементов XUL-изображений, а также для псевдоэлементов :-moz-tree-image, :-moz-tree-twisty и :-moz-tree-checkbox.
Значения для свойства -moz-image-region высчитываются относительно левого верхнего угла изображения.
Примеры
В примерах показано как описать свойство -moz-image-region
#example-button { /* показывает только область 4x4 от левого верхнего угла изображения*/ list-style-image: url("chrome://example/skin/example.png"); -moz-image-region: rect(0px, 4px, 4px, 0px); }
#example-button:hover { /использует область 4*4 для кнопки, которая уже была нажата/ -moz-image-region: rect(0px, 8px, 4px, 4px); }