width
Establece el ancho del objeto.
Sintaxis
{ width: sWidth }
Valores posibles
sWidth
Variante que especifica o recibe uno de los valores siguientes:
auto |
Valor predeterminado. Ancho predeterminado del objeto. |
porcentaje |
Entero seguido de un signo de porcentaje (%). El valor es un porcentaje del ancho del objeto primario, tanto si se especifica explícitamente como si no se hace. No se permiten valores negativos. |
ancho |
Número de punto flotante seguido de un designador de unidades absolutas (cm, mm, in, pt o pc) o de un designador de unidades relativas (em, ex o px). Para obtener más información acerca de las unidades de longitud admitidas, vea Referencia de unidades de longitud. |
La propiedad tiene el valor predeterminado auto. No se hereda.
Observaciones
A partir de Microsoft Internet Explorer 6, si usa la declaración !DOCTYPE para especificar el modo compatible con estándares, este propiedad especifica la distancia entre los bordes izquierdo y derecho del cuadro de contenido, es decir, dentro del espaciado interno.
Si la declaración !DOCTYPE no especifica el modo compatible con estándares, y con versiones anteriores de Internet Explorer, esta propiedad incluye el cuadro de contenido del objeto, además de los valores de las siguientes propiedades: border-left, border-right, padding-left y padding-right. Si al valor de la propiedad width se le resta la suma de los valores de estas propiedades, se obtiene el ancho del cuadro de contenido del objeto primario.
Ejemplos
En el siguiente ejemplo se usa una hoja de estilos en línea para establecer el ancho de una imagen. Se utiliza la propiedad width para cambiar el ancho del objeto.
<div style="position:absolute;top:10px;left:10px;width:1in">
. . . </div>
Este ejemplo usa scripting en línea para establecer el ancho de una imagen cuando se produce un evento onclick:
<img src="sphere.jpg" onclick="this.style.width='1cm'"
ondblclick="this.style.width=''">
Información sobre estándares
Esta propiedad se define en World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (Document Object Model (DOM) nivel 1 del World Wide Web Consortium (W3C)) y en Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).
Aplicable a
A, ABBR, ACRONYM, ADDRESS, APPLET, B, BDO, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEL, DFN, DIV, DL, DT, EM, FIELDSET, FONT, FORM, HN, HR, I, INS, LI, OL, OPTION, P, Q, RT, RUBY, S, SELECT, SPAN, SUB, TT, U, UL, VAR, XMP