—»     —»   Интересные «–moz» параметры в CSS
  Раздел: CSS/Style Sheets   Комментариев: 1  

Интересные «–moz» параметры в CSS



Я всегда стараюсь обращать внимание на интересные браузерные префиксы. Их красота заключается в том, что они дают разработчикам значительно расширить возможности. Их не берут в учет в качестве основы, но за счет них можно внести некоторые необходимые изменения. Недавно в MDN от Mozilla я наткнулся на очень интересный список параметров –moz. Давайте познакомимся с некоторыми из них.

Интересные «–moz» параметры в CSS

::-moz-list-bullet

::-moz-list-bullet позволяет разработчикам стилизовать табуляцию в списках. Не контент а сами индикаторы пунктов списка:

ul.customList li::-moz-list-bullet {
color: #999;
font-size: 24px;
text-decoration: underline;
}

-moz-force-broken-image-icon

Firefox демонстративно отображает альтернативный текст на всех картинках, которые не удалось загрузить по той или иной причине. Это вряд ли поможет вам в процессе исправления ошибок, так как этот текст может смешаться с контентом страницы. Используя -moz-force-broken-image-icon, вы можете использовать иконку для отображения невозможных к загрузке картинок, вместо того чтобы отображать альтернативный текст:

img {
-moz-force-broken-image-icon: 1;
}

-moz-margin-start и -moz-margin-end

Оба этих параметра работают по принципу margin-left и margin-right, но в обратном направлении в режиме RTL. Очень удобно, если бы пытаетесь разработать гибкий веб-сайт, предназначенный для читающих справа налево или наоборот.

.myBlock {
-moz-margin-start: 10px;
-moz-margin-end: 5px;
}

-moz-orient

Параметр -moz-orient на данный момент поддерживает только элементы строки прогресса, позволяя им быть как вертикальными, так и горизонтальными:

progress.up {
-moz-orient: vertical;
}

-moz-window-shadow

-moz-window-shadow определяет, будет ли у окошка тень в OS X.

.panel {
-moz-window-shadow: none;
}

Существуют и сотни других параметров, так что выделите немного времени, и постарайтесь найти что-то полезное для своих проектов. Кстати, вы можете поделиться собственной подборкой параметров с другими посредством комментариев.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS, Firefox
Опубликовал Design FactoRy   Прочитано (раз): 6194   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 6 марта 2012 @ 08:00
Написал: jenifer — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Подвиг — это все, кроме славы. Гёте И.
Никакое добро не пропадает даром.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц November по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930