`-moz-force-broken-image-icon` CSS property

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.

Learn more
See full compatibility

Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.

The -moz-force-broken-image-icon extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute.

Syntax

css

-moz-force-broken-image-icon: 1;
-moz-force-broken-image-icon: 0;

/* Global values */
-moz-force-broken-image-icon: inherit;
-moz-force-broken-image-icon: initial;
-moz-force-broken-image-icon: revert;
-moz-force-broken-image-icon: revert-layer;
-moz-force-broken-image-icon: unset;

Values

<integer>: A value of 1 means that the broken image icon is shown even if the image has an alt attribute. When the value 0 is used, the image will act as usual and only display the alt attribute.

Note: Even if the value is set to 1 the alt attribute will still be displayed, alongside the broken image icon.

Formal definition

Initial value	`0`
Applies to	images
Inherited	no
Computed value	as specified
Animation type	discrete

Formal syntax

-moz-force-broken-image-icon = 
  <integer>  

<integer> = 
  <number-token>

Examples

HTML

html

<img src="/broken/image/link.png" alt="Broken image link" />

CSS

css

img {
  -moz-force-broken-image-icon: 1;
  height: 100px;
  width: 100px;
}

Result

Note: The alt text may not be visible if -moz-force-broken-image-icon is set to 1 and the image has no (or too small) height or width set.