files/es/web/css/-moz-force-broken-image-icon/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

---
title: '-moz-force-broken-image-icon'
slug: Web/CSS/-moz-force-broken-image-icon
tags:
  - CSS
  - CSS Reference
  - Non-standard
translation_of: Web/CSS/-moz-force-broken-image-icon
---
<div>{{Non-standard_header}}{{ CSSRef() }}</div>

<h2 id="Summary" name="Summary">Resumen</h2>

<p><code>-moz-force-broken-image-icon</code> es una propiedad CSS extendida. El valor <code>1</code> fuerza un icono de imagen no encontrada aunque la imagen tenga el atributo <code>alt</code>. Cuando el valor es <code>0</code> la imagen actuará normalmente y solo mostrará el atributo  <code>alt</code>.</p>

<div class="note"><strong>Nota:</strong> Aunque el valor sea <code>1</code> el atributo <code>alt</code> se seguirá mostrando. Más información debajo.</div>

<p>{{cssinfo}}</p>

<h2 id="Syntax" name="Syntax">Sintaxis</h2>

<pre class="syntaxbox">-moz-force-broken-image-icon: &lt;integer&gt;;</pre>

<h3 id="Values" name="Values">Valores</h3>

<dl>
 <dt>{{cssxref("&lt;integer&gt;")}}</dt>
 <dd> </dd>
</dl>

<h2 id="Examples" name="Examples">Ejemplos</h2>

<pre class="brush:css;">img {
  -moz-force-broken-image-icon: 1;
  height:100px;
  width:100px;
}</pre>

<pre class="brush:html;">&lt;img src='/enlace/roto/imagen.png' alt='Imagen con enlace roto'&gt;</pre>

<p>{{ EmbedLiveSample('Examples','125','125','/files/4619/broken%20image%20link.png') }}</p>

<div class="note"><strong>Nota:</strong> A no ser que la imagen tenga una altura y ancho especificados, el icono de imagen rota no se mostrará, pero el atributo alt no se mostrará si el valor de <code>-moz-force-broken-image-icon</code> es <code>1</code>.</div>

<h2 id="Notes" name="Notes">Notas</h2>

<ul>
 <li>Esta propiedad solo funcionará en los navegadores basados en Gecko</li>
 <li>No se recomienda el uso de esta propiedad. Se debería usar un atributo alt adecuado.</li>
</ul>

<h2 id="See_also" name="See_also">Ver también</h2>

<ul>
 <li>{{ Bug(58646) }}</li>
</ul>