English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

libro de referencias CSS

CSS @reglas (RULES)

大全 de propiedades CSS

Uso y ejemplo del atributo width de CSS

El ancho del área de contenido del elemento especificado por el atributo width de CSS. Este contenido no incluye relleno, borde o márgen. Por favor, consulteModelo de cuadro CSS

La tabla a continuación proporciona explicaciones de uso y historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:auto
Aplíquese a:Todos los elementos excepto los elementos嵌入式 no reemplazados, las filas de la tabla y los grupos de filas
Herencia:No
Animable:Sí.Por favor, consulte Atributos de animación
Versión:CSS 1,2,3
Sintaxis de JavaScript:object.style.width="280px"

Sintaxis del uso de width

La sintaxis de este atributo es la siguiente:

width: length | percentage | auto | initial | inherit

Los siguientes ejemplos muestran cómo se utiliza el atributo width.

  p {
   width: 300px;
   background-color: #f0e68c;
  }
Prueba aquí‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

ValorDescripción
lengthEspecificar el ancho como un valor de longitud, utilizando px, pt, cm, em, etc. No se permite el uso de valores de longitud negativos.
percentageEspecificar el ancho en porcentaje. El porcentaje se calcula en función del ancho del contenedor del elemento. No se permite el uso de valores porcentajes negativos.
autoEl navegador calculará el ancho del elemento especificado basándose en los valores de otros atributos. Esto es el valor predeterminado.
initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento relacionado adoptará el valor del atributo width del elemento padre.

Compatibilidad del navegador

La compatibilidad del atributo width del navegador, los números en la tabla a continuación indican la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leer más

Por favor, consulte los tutoriales relacionados con el siguiente contenido:Modelo de cuadro de CSSTamaño de CSS

Atributos relacionados:max-widthmin-width