Справочник по 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);
}


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

https://developer.mozilla.org/en/CSS/-moz-image-region

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