mozilla

Comparar revisiones

Capitulo 3: Introducción a XUL—¿Como construir una interfaz de usuario más intuitiva?

Change Revisions

Revisión 438359:

Revisión 438359 de M1k. el

Revisión 438365:

Revisión 438365 de M1k. el

Título:
Capitulo 3: Introducción a XUL—¿Como construir una interfaz de usuario más intuitiva?
Capitulo 3: Introducción a XUL—¿Como construir una interfaz de usuario más intuitiva?
Enlace amigable (slug):
Firefox_addons_developer_guide/Introduction_to_XUL—How_to_build_a_more_intuitive_UI
Firefox_addons_developer_guide/Introduction_to_XUL—How_to_build_a_more_intuitive_UI
Contenido:

Revisión 438359
Revisión 438365
n35      Dado que HTML, originalmente, fue concebido como un lenguajn35      Dado que HTML, originalmente, fue concebido como un lenguaj
>e para trabajar, específicamente, con documentos en páginas web, >e para trabajar, específicamente, con documentos en páginas web, 
>inevitablemente carece de funcionalidad para trabajar con aplicac>ineviTablamente carece de funcionalidad para trabajar con aplicac
>iones. XUL, por el contrario, fue concebido desde el principio co>iones. XUL, por el contrario, fue concebido desde el principio co
>mo un lenguaje de trabajo para interfaces de usuario, y hace que >mo un lenguaje de trabajo para interfaces de usuario, y hace que 
>sea posible insertar elementos gráficos con características sofis>sea posible insertar elementos gráficos con características sofis
>ticadas, sin necesidad  de añadir porciones de código adicio>ticadas, sin necesidad  de añadir porciones de código adicio
>nal.<br>>nal.<br>
n61      <span id="result_box" lang="es"><span class="hps">Si queremn61      <span id="result_box" lang="es"><span class="hps">Si querem
>os</span> <span class="hps">ejecutar</span> <span class="hps">Fir>os</span> <span class="hps">ejecutar</span> <span class="hps">Fir
>efox</span> <span class="hps alt-edited">sin su</span> <span clas>efox</span> <span class="hps alt-edited">sin su</span> <span clas
>s="hps">GUI</span> <span class="hps">y sólo los</span> <span clas>s="hps">GUI</span> <span class="hps">y sólo los</span> <span clas
>s="hps">contenidos que</span></span> <span id="result_box" lang=">s="hps">contenidos que</span></span> <span id="result_box" lang="
>es"><span class="hps">muestra</span></span> <span id="result_box">es"><span class="hps">muestra</span></span> <span id="result_box"
> lang="es"><span class="hps">un</span> <span class="hps">determin> lang="es"><span class="hps">un</span> <span class="hps">determin
>ado archivo</span> <span class="hps">XUL</span><span>,</span> <sp>ado archivo</span> <span class="hps">XUL</span><span>,</span> <sp
>an class="hps">podemos lanzar</span> <span class="hps">Firefox</s>an class="hps">podemos lanzar</span> <span class="hps">Firefox</s
>pan> <span class="hps">y establezca la opción</span></span>: <cod>pan> <span class="hps">y esTablazca la opción</span></span>: <cod
>e>-chrome file_URL.xul</code>>e>-chrome file_URL.xul</code>
n161      Ya sea que los cuadros estubiesen dispuestos en vertical u n161      Ya sea que los cuadros estubiesen dispuestos en vertical u 
>horizontal, todo depende de como estubieran en su estado inicial.>horizontal, todo depende de como estubieran en su estado inicial.
> Puede establecer o cambiar esta disposición mediante el atributo> Puede esTablacer o cambiar esta disposición mediante el atributo
> <a class="internal" href="https://developer.mozilla.org/en/XUL/P> <a class="internal" href="https://developer.mozilla.org/en/XUL/P
>roperty/orient" title="En/XUL/Property/Orient"><code>orient</code>roperty/orient" title="En/XUL/Property/Orient"><code>orient</code
>></a>, con opciones para horizontal y vertical de forma explícita>></a>, con opciones para horizontal y vertical de forma explícita
>.>.
n169      El atributo alinear opera en el eje perpendicular al atribun169      El atributo alinear opera en el eje perpendicular al atribu
>to orientar, mientras que el atributo enmarcar opera a lo largo d>to orientar, mientras que el atributo enmarcar opera a lo largo d
>el mismo eje. La Figura 2 muestra cómo establecer <code>alin="cen>el mismo eje. La Figura 2 muestra cómo esTablacer <code>alin="cen
>tro"</code>, <code>paquete="start"</code> para los dos elementos >tro"</code>, <code>paquete="start"</code> para los dos elementos 
>permite salidas completamente diferente, con la única diferencia >permite salidas completamente diferente, con la única diferencia 
>del valor orientación.>del valor orientación.
n240      Es posible ajustar el tamaño de los elementos XUL explícitan240      Es posible ajustar el tamaño de los elementos XUL explícita
>mente utilizando los atributos <code><a class="internal" href="ht>mente utilizando los atributos <code><a class="internal" href="ht
>tps://developer.mozilla.org/en/XUL/Attribute/width" title="/en/XU>tps://developer.mozilla.org/en/XUL/Attribute/width" title="/en/XU
>L/Attribute/width">ancho</a></code> y <code><a href="https://deve>L/Attribute/width">ancho</a></code> y <code><a href="https://deve
>loper.mozilla.org/en/XUL/Attribute/height" title="/en/XUL/Attribu>loper.mozilla.org/en/XUL/Attribute/height" title="/en/XUL/Attribu
>te/height">alto</a></code> (<span class="internal"><code>width</c>te/height">alto</a></code> (<span class="internal"><code>width</c
>ode></span> - <span class="internal"><code>height</code></span>),>ode></span> - <span class="internal"><code>height</code></span>),
> como se muestra en el Listado 6. Si va a crear elementos que pue> como se muestra en el Listado 6. Si va a crear elementos que pue
>den redimnesionarse usando flex, también puede establecer mínimos>den redimnesionarse usando flex, también puede esTablacer mínimos
> y máximos con <a class="internal" href="https://developer.mozill> y máximos con <a class="internal" href="https://developer.mozill
>a.org/en/XUL/Attribute/minwidth" title="En/XUL/Attribute/Minwidth>a.org/en/XUL/Attribute/minwidth" title="En/XUL/Attribute/Minwidth
>"><code>Anchomín</code></a>, <a class="internal" href="https://de>"><code>Anchomín</code></a>, <a class="internal" href="https://de
>veloper.mozilla.org/en/XUL/Attribute/minheight" title="En/XUL/Att>veloper.mozilla.org/en/XUL/Attribute/minheight" title="En/XUL/Att
>ribute/Minheight"><code>Altomín</code></a>, <a class="internal" h>ribute/Minheight"><code>Altomín</code></a>, <a class="internal" h
>ref="https://developer.mozilla.org/en/XUL/Attribute/maxwidth" tit>ref="https://developer.mozilla.org/en/XUL/Attribute/maxwidth" tit
>le="En/XUL/Attribute/Maxwidth"><code>Anchomáx</code></a> y <a cla>le="En/XUL/Attribute/Maxwidth"><code>Anchomáx</code></a> y <a cla
>ss="internal" href="https://developer.mozilla.org/en/XUL/Attribut>ss="internal" href="https://developer.mozilla.org/en/XUL/Attribut
>e/maxheight" title="En/XUL/Attribute/Maxheight"><code>Altomáx</co>e/maxheight" title="En/XUL/Attribute/Maxheight"><code>Altomáx</co
>de></a>. Para usar los píxeles como unidad de tamaño.>de></a>. Para usar los píxeles como unidad de tamaño.
n249      Además, como se muestra en el Listado 7, puede incrustar CSn249      Además, como se muestra en el Listado 7, puede incrustar CS
>S explicitamente en elementos, a través del atributo de <a class=>S explicitamente en elementos, a través del atributo de <a class=
>"internal" href="https://developer.mozilla.org/en/XUL/Attribute/s>"internal" href="https://developer.mozilla.org/en/XUL/Attribute/s
>tyle" title="En/XUL/Attribute/Style"><code>estilo</code></a>, lo >tyle" title="En/XUL/Attribute/Style"><code>estilo</code></a>, lo 
>que le permite establecer tamaños, utilizando distintas unidades >que le permite esTablacer tamaños, utilizando distintas unidades 
>de píxeles.>de píxeles.
n264      Configuración oculto = "verdadero" (<code>hidden="true"</con264      Configuración oculto = "verdadero" (<code>hidden="true"</co
>de>), desactiva la visualización de ese elemento. Esto tiene el m>de>), desactiva la visualización de ese elemento. Esto tiene el m
>ismo efecto que establecer <code>display: none</code> en CSS. Ust>ismo efecto que esTablacer <code>display: none</code> en CSS. Ust
>ed podría utilizar esta opción para definir un estado oculto o au>ed podría utilizar esta opción para definir un estado oculto o au
>sente, por ejemplo, artículos que no aparecen en los menús contex>sente, por ejemplo, artículos que no aparecen en los menús contex
>tuales.>tuales.
n268      presente. Esto equivale a establecer la <code>visibilidad: n268      presente. Esto equivale a esTablacer la <code>visibilidad: 
>enrrollado</code> (<code>visibility: collapse</code>), en CSS. Us>enrrollado</code> (<code>visibility: collapse</code>), en CSS. Us
>e <code>"</code><code>enrrollado</code><code>"</code> para barras>e <code>"</code><code>enrrollado</code><code>"</code> para barras
> laterales<br>> laterales<br>
n278      <strong>Nota:</strong> Las intrucciones <code>oculto</code>n278      <strong>Nota:</strong> Las intrucciones <code>oculto</code>
>, <code>enrollado</code> y <code>desabilitado</code>, tienen atri>, <code>enrollado</code> y <code>desabilitado</code>, tienen atri
>butos lógicos, y al establecer el atributo <code>desablilitado="v>butos lógicos, y al esTablacer el atributo <code>desablilitado="v
>erdadero"</code> en XUL podría tener consecuencias no deseadas. E>erdadero"</code> en XUL podría tener consecuencias no deseadas. E
>sto se debe a que puede haber casos en que una porcion del script>sto se debe a que puede haber casos en que una porcion del script
> o regla CSS estén escritas de tal manera que tratan al valor com> o regla CSS estén escritas de tal manera que tratan al valor com
>o verdadero, sin importar las condiciones, esto es así cuando no >o verdadero, sin importar las condiciones, esto es así cuando no 
>se ha definido un valor para el elemento. Así que cuando se cambi>se ha definido un valor para el elemento. Así que cuando se cambi
>a el valor del atributo con una función DOM, por ejemplo; no util>a el valor del atributo con una función DOM, por ejemplo; no util
>ice <code>setAttribute</code> <code>("desactivado", false)</code>>ice <code>setAttribute</code> <code>("desactivado", false)</code>
> - en su lugar, utilice <code>removeAttribute("desactivado").</co> - en su lugar, utilice <code>removeAttribute("desactivado").</co
>de>>de>
n309      Los elementos Nativos usan el atributo <a class="internal" n309      Los elementos Nativos usan el atributo <a class="internal" 
>href="/en/XUL/Attribute/windowtype" title="En/XUL/Attribute/Windo>href="/en/XUL/Attribute/windowtype" title="En/XUL/Attribute/Windo
>wtype"><code>windowtype</code></a> como un identificador arbitrar>wtype"><code>windowtype</code></a> como un identificador arbitrar
>io para el tipo de ventana. Por ejemplo, Firefox usa a windowtype>io para el tipo de ventana. Por ejemplo, Firefox usa a windowtype
> <code>navigator:browser</code> para la propia ventana de su nave> <code>navigator:browser</code> para la propia ventana de su nave
>gador y <code>Browser:Preferences</code> para las opciónes de diá>gador y <code>Browser:Preferences</code> para las opciónes de diá
>logo. Use los métodos vistos en el <a class="internal" href="/En/>logo. Use los métodos vistos en el <a class="internal" href="/En/
>Firefox_addons_developer_guide/Using_XPCOM%E2%80%94Implementing_a>Firefox_addons_developer_guide/Using_XPCOM%E2%80%94Implementing_a
>dvanced_processes" title="En/Firefox addons developer guide/Using>dvanced_processes" title="En/Firefox addons developer guide/Using
> XPCOM—Implementing advanced processes">Capítulo 4</a>, y verá co> XPCOM—Implementing advanced processes">Capítulo 4</a>, y verá co
>mo las ventanas adquirirán los valores establecidos.>mo las ventanas adquirirán los valores esTablacidos.
n348      {{ TODO("Make the table cleaner") }}n348      {{ TODO("Make the Tabla cleaner") }}
n515      <span id="result_box" lang="es"><span class="hps">Al igual n515      <span id="result_box" lang="es"><span class="hps">Al igual 
>que</span> <span class="hps">los elementos de entrada</span> <spa>que</span> <span class="hps">los elementos de entrada</span> <spa
>n class="hps">en</span> <span class="hps">HTML</span><span>, los >n class="hps">en</span> <span class="hps">HTML</span><span>, los 
>elementos</span></span> <code>("menuitems")</code> <span id="resu>elementos</span></span> <code>("menuitems")</code> <span id="resu
>lt_box" lang="es"><span class="hps">pueden funcionar</span> <span>lt_box" lang="es"><span class="hps">pueden funcionar</span> <span
> class="hps">como</span> <span class="hps">casillas de verificaci> class="hps">como</span> <span class="hps">casillas de verificaci
>ón</span> <span class="hps">ó botones de opciones, según el</span>ón</span> <span class="hps">ó botones de opciones, según el</span
>></span> <a class="internal" href="/en/XUL/Attribute/menuitem.typ>></span> <a class="internal" href="/en/XUL/Attribute/menuitem.typ
>e" title="En/XUL/Attribute/Menuitem.type"><code>tipo</code></a> <>e" title="En/XUL/Attribute/Menuitem.type"><code>tipo</code></a> <
>span id="result_box" lang="es"><span class="hps alt-edited">de at>span id="result_box" lang="es"><span class="hps alt-edited">de at
>ributo</span></span> <span id="result_box" lang="es">estableciend>ributo</span></span> <span id="result_box" lang="es">esTablaciend
>o</span><span id="result_box" lang="es"><span>.</span></span>>o</span><span id="result_box" lang="es"><span>.</span></span>
n521      Agrege <code>type="checkbox"</code> a un elemento <code>("mn521      Agrege <code>type="checkbox"</code> a un elemento <code>("m
>enuitems")</code> para verificar cuando éstos son seleccionados, >enuitems")</code> para verificar cuando éstos son seleccionados, 
>y deseleccionar cuando sean seleccionados nuevamente. Para ver un>y deseleccionar cuando sean seleccionados nuevamente. Para ver un
> ejemplo de menú con <span id="result_box" lang="es"><span class=> ejemplo de menú con <span id="result_box" lang="es"><span class=
>"hps">casillas de verificación</span></span>, seleccione "<code>v>"hps">casillas de verificación</span></span>, seleccione "<code>v
>er</code>" en su barra de herramientas de Firefox, <span id="resu>er</code>" en su barra de herramientas de Firefox, <span id="resu
>lt_box" lang="es"><span class="hps">para mostrar</span> <span cla>lt_box" lang="es"><span class="hps">para mostrar</span> <span cla
>ss="hps">u ocultar</span> <span class="hps">la barra de herramien>ss="hps">u ocultar</span> <span class="hps">la barra de herramien
>tas</span> <span class="hps">y/o la barra lateral</span><span>.</>tas</span> <span class="hps">y/o la barra lateral</span><span>.</
>span>&nbsp;</span> Cuando alguno de éstos ha sido seleccionado, s>span>&nbsp;</span> Cuando alguno de éstos ha sido seleccionado, s
>e establece el atributo <code>checked="true"</code> (se activan ó>e esTablace el atributo <code>checked="true"</code> (se activan ó
> desactivan para cada elemento).> desactivan para cada elemento).
n527      Agrege <code>type="radio"</code> para múltiples elementos&nn527      Agrege <code>type="radio"</code> para múltiples elementos&n
>bsp;<code>("menuitems")</code> <span id="result_box" lang="es"><s>bsp;<code>("menuitems")</code> <span id="result_box" lang="es"><s
>pan class="hps alt-edited">y configurar</span> <span class="hps">>pan class="hps alt-edited">y configurar</span> <span class="hps">
>que tengan</span> <span class="hps">la misma cantidad de</span> <>que tengan</span> <span class="hps">la misma cantidad de</span> <
>span class="hps">nombres</span> que <span class="hps">grupos de a>span class="hps">nombres</span> que <span class="hps">grupos de a
>tributos</span></span>, nosea que <span id="result_box" lang="es">tributos</span></span>, nosea que <span id="result_box" lang="es"
>><span class="hps">la selección de</span> <span class="hps">uno</>><span class="hps">la selección de</span> <span class="hps">uno</
>span> <span class="hps">anule a</span> <span class="hps">todos lo>span> <span class="hps">anule a</span> <span class="hps">todos lo
>s demás</span></span>, <span class="short_text" id="result_box" l>s demás</span></span>, <span class="short_text" id="result_box" l
>ang="es"><span class="hps">al igual que</span> <span class="hps">>ang="es"><span class="hps">al igual que</span> <span class="hps">
>los botones radio de opción</span> <span class="hps">en</span> <s>los botones radio de opción</span> <span class="hps">en</span> <s
>pan class="hps">HTML</span></span>. Para ver un ejemplo de éste t>pan class="hps">HTML</span></span>. Para ver un ejemplo de éste t
>ipo de menú, seleccione el submenú <em>Codificación de caracteres>ipo de menú, seleccione el submenú <em>Codificación de caracteres
></em> en el menú "<code>ver</code>" en su barra de herramientas d></em> en el menú "<code>ver</code>" en su barra de herramientas d
>e Firefox. La seleción de un botón radio para establecer el atrib>e Firefox. La seleción de un botón radio para esTablacer el atrib
>uto <code>select="true"</code> (de selección única entre un grupo>uto <code>select="true"</code> (de selección única entre un grupo
> de elementos).> de elementos).
n529    <h4 id=".C2.A0menues_Contextuales">n529    <h4 id="menues_Contextuales">
n556      Using the <a class="internal" href="/en/XUL/Attribute/icon"n556      Use el atributo <a class="internal" href="/en/XUL/Attribute
> title="En/XUL/Attribute/Icon"><code>icon</code></a> attribute in>/icon" title="En/XUL/Attribute/Icon"><code>icon</code></a> (icono
>stead of the image attribute allows you to display buttons with i>) en lugar del atributo de imagen puede exhibir botones con icono
>cons that are standard for the platform.>s que son un estandar de la pataforma.
557    </p>
558    <p>557    </p>
559      Possible values for the icon attribute are given in Table 2558    <p>
>. 
559      Los valores para el atributo icon se indican en la Tabla 2.
n565      <strong>Figura 8: A botónwith an image</strong>n565      <strong>Figura 8: Un botón con una imagen</strong>
n567    <table class="standard-table" height="398" width="319">n567    <table class="standard-table" height="442" width="275">
n571            <code>icon</code> attribute valuen571            valores de atributo para <code>icon</code>
n574            <code>icon</code> attribute valuen574            valores de atributo para <code>icon</code>
n660      <strong>Table 2: Valores para los atributos íconos</strong>n660      <strong>Tabla 2: Valores para los atributos íconos</strong>
n662    <h6 id="botones_de_barra_de_herramientas">n662    <h4 id="botones_de_barra_de_herramientas">
n664    </h6>n664    </h4>
665    <p>
666      La <span class="short_text" id="result_box" lang="es"><span
> class="hps">barra de herramientas "</span></span><a class="inter 
>nal" href="/en/XUL/toolbarbutton" title="En/XUL/Toolbarbutton"><c 
>ode>toolbar"</code></a> botónelement is the element used to defin 
>e toolbar buttons. <span class="short_text" id="result_box" lang= 
>"es"><span class="hps">Éste</span> <span class="hps">se coloca</s 
>pan> <span class="hps">típicamente</span> <span class="hps">dentr 
>o de una</span></span> <span class="short_text" id="result_box" l 
>ang="es"><span class="hps">barra de herramientas</span></span> <a 
> class="internal" href="/en/XUL/toolbar" title="En/XUL/Toolbar">< 
>code>"toolbar"</code></a> , que define a la <span class="short_te 
>xt" id="result_box" lang="es"><span class="hps">barra de herramie 
>ntas</span></span>, but it can be used in other locations. 
667    </p>665    <p>
666      La <span class="short_text" id="result_box" lang="es"><span
 > class="hps">barra de herramientas "</span></span><a class="inter
 >nal" href="/en/XUL/toolbarbutton" title="En/XUL/Toolbarbutton"><c
 >ode>toolbar"</code></a> botón es usado para definir&nbsp;&nbsp; b
 >arra de herramientas. <span class="short_text" id="result_box" la
 >ng="es"><span class="hps">Éste</span> <span class="hps">típicamen
 >te</span></span> <span class="short_text" id="result_box" lang="e
 >s"><span class="hps">se ubica</span></span> <span class="short_te
 >xt" id="result_box" lang="es"><span class="hps">dentro de una</sp
 >an></span> <span class="short_text" id="result_box" lang="es"><sp
 >an class="hps">barra de herramientas</span></span> <a class="inte
 >rnal" href="/en/XUL/toolbar" title="En/XUL/Toolbar"><code>"toolba
 >r"</code></a>, que define a la <span class="short_text" id="resul
 >t_box" lang="es"><span class="hps">barra de herramientas</span></
 >span>, pero puede utilizarse en otras ubicaciones.
668    <p>667    </p>
669      These mostly act the same as botónelements, but as shown in668    <p>
> Jerárquia de instrucciones N°13, you can change the behavior of  
><code>toolbar</code>botónelements using the <code>type</code> att 
>ribute. This is illustrated in the output in Figura 9. 
669      É<span id="result_box" lang="es"><span class="hps">stos en 
 >su mayoría</span> <span class="hps">actúan de la</span> <span cla
 >ss="hps">misma manera que</span> <span class="hps">un botón,</spa
 >n></span> <span id="result_box" lang="es"><span class="hps">como 
 >el ejemplo de la estructura N° 8, y puede cambiarse el</span> <sp
 >an class="hps">comportamiento</span></span> <span id="result_box"
 > lang="es"><span class="hps alt-edited">de los</span> <span class
 >="hps alt-edited">botones</span> <span class="hps alt-edited">de 
 >barra de herramientas</span> <span class="hps">utilizando el</spa
 >n> <span class="hps">atributo</span></span> type.<span id="result
 >_box" lang="es"><span class="hps">Su respuesta se muestra</span> 
 ><span class="hps">en la</span> <span class="hps">Figura</span> <s
 >pan class="hps">9</span><span>.</span></span>
n872      By adding <code>editable="true"</code> to the <code>menulisn872      By adding <code>ediTabla="true"</code> to the <code>menulis
>t</code> element, you can accept arbitrary text input in addition>t</code> element, you can accept arbitrary text input in addition
> to a list selection, as is often used on font selection menus in> to a list selection, as is often used on font selection menus in
> word processors.> word processors.
n952      For triggers on other special keys, use the <a class="intern952      For triggers on other special keys, use the <a class="inter
>nal" href="/en/XUL/Attribute/keycode" title="En/XUL/Attribute/Key>nal" href="/en/XUL/Attribute/keycode" title="En/XUL/Attribute/Key
>code"><code>keycode</code></a> attribute with the appropriate key>code"><code>keycode</code></a> attribute with the appropriate key
>code name value. In general you can use the keycode name for any >code name value. In general you can use the keycode name for any 
>key; the most commonly used ones are shown in Table 3.>key; the most commonly used ones are shown in Tabla 3.
n1039      <strong>Table 3: Typical keycode names</strong>n1039      <strong>Tabla 3: Typical keycode names</strong>
n1075      In the same way that the <code>table</code> element is usedn1075      In the same way that the <code>Tabla</code> element is used
> to lay out content in HTML, you can use the <a class="internal" > to lay out content in HTML, you can use the <a class="internal" 
>href="/en/XUL/grid" title="En/XUL/Grid"><code>grid</code></a> ele>href="/en/XUL/grid" title="En/XUL/Grid"><code>grid</code></a> ele
>ment in XUL. As shown in Jerárquia de instrucciones N°20, you fir>ment in XUL. As shown in Jerárquia de instrucciones N°20, you fir
>st declare the number of columns, and then define the content of >st declare the number of columns, and then define the content of 
>each row. The output of this sample is shown in Figura 16. You ca>each row. The output of this sample is shown in Figura 16. You ca
>n also code it so that the rows come first, declaring the number >n also code it so that the rows come first, declaring the number 
>of rows and then defining content by column.>of rows and then defining content by column.
1076    </p>
1077    <p>1076    </p>
1077    <p>
1078      The <code>rowspan</code> and <code>colspan</code> attribute1078      The <code>rowspan</code> and <code>colspan</code> attribute
>s available in HTML tables are not available in XUL grids.>s available in HTML Tablas are not available in XUL grids.
n1285      The Gecko rendering engine includes a number of CSS propertn1285      The Gecko rendering engine includes a number of CSS propert
>ies with <code>-moz-</code> prepended to them; these are <a class>ies with <code>-moz-</code> prepended to them; these are <a class
>="internal" href="/en/CSS_Reference/Mozilla_Extensions" title="en>="internal" href="/en/CSS_Reference/Mozilla_Extensions" title="en
>/CSS Reference/Mozilla Extensions">custom properties for XUL</a> >/CSS Reference/Mozilla Extensions">custom properties for XUL</a> 
>that have been implemented prior to being a W3C recommendation. T>that have been implemented prior to being a W3C recommendation. T
>he ones shown in Table A below correspond to the common attribute>he ones shown in Tabla A below correspond to the common attribute
>s in XUL. In fact, those XUL attributes operate through these CSS>s in XUL. In fact, those XUL attributes operate through these CSS
> properties.> properties.
n1371      <strong>Table 4: CSS properties corresponding to XUL attribn1371      <strong>Tabla 4: CSS properties corresponding to XUL attrib
>utes</strong>>utes</strong>
t1397      The botónicons mentioned in Table 2 also can be called usint1397      The botónicons mentioned in Tabla 2 also can be called usin
>g <code>moz-icon</code> URIs, using the markup <code><a class="ex>g <code>moz-icon</code> URIs, using the markup <code><a class="ex
>ternal" href="moz-icon://stock/gtk-button" rel="freelink">moz-ico>ternal" href="moz-icon://stock/gtk-button" rel="freelink">moz-ico
>n://stock/gtk-</a>botónname?size=button</code>. Nota, however, th>n://stock/gtk-</a>botónname?size=button</code>. Nota, however, th
>at this does not work in Linux environments.>at this does not work in Linux environments.

Volver al historial