Если вы всегда находитесь в поисках новых интересных префиксов, характерных для определенных браузеров, то эта статья для вас.
Речь пойдет о специфических селекторах -moz
, для популярного браузера Firefox.
::-moz-list-bullet
::-moz-list-bullet
позволяет разработчику управлять отображением маркера в списке (так как, если бы он был текстом):
1 2 3 4 5 |
ul.customList li::-moz-list-bullet { color: #999; font-size: 24px; text-decoration: underline; } |
-moz-force-broken-image-icon
Firefox в настоящее время отображает атрибут alt
на всех изображениях, где ссылка на изображение не работает. И чтобы текст из атрибута alt
не сливался с общим текстом, ввели свойство -moz-force-broken-image-icon
, при активации которого, вместо текста будет показываться иконка потерянного изображения:
1 2 3 |
img { -moz-force-broken-image-icon: 1; } |
-moz-margin-start и -moz-margin-end
Эти свойства работают также, как и margin-left
и margin-right
, но меняются при выводе текста в режиме RTL (справа налево). Очень удобно, если вы делаете сайт, как для LTR, так и для RTL режимов чтения.
1 2 3 4 |
.myBlock { -moz-margin-start: 10px; -moz-margin-end: 5px; } |
-moz-orient
Свойство -moz-orient
работает только на элементах progressbar
. Прогрессбары могут быть и вертикальными и горизонтальными:
1 2 3 |
progress.up { -moz-orient: vertical; } |
-moz-window-shadow
-moz-window-shadow
определяет, будет ли тень у окна в OS X.
1 2 3 |
.panel { -moz-window-shadow: none; } |
Вобще таких свойств несколько сотен, и если вы найдете что-нибудь из них интересное, тогда сообщите в комментариях (они вполне могут попасть в эту статью).