Atributo max-width de CSS

Definición y uso

max-width define el ancho máximo del elemento.

Descripción

Este valor de propiedad establecerá un límite máximo para el ancho del elemento. Por lo tanto, el elemento puede ser más estrecho que el valor especificado, pero no más ancho. No se permite especificar valores negativos.

Véase también:

Tutoriales de CSSTamaños de CSS

Manual de Referencia de CSSAtributo min-width de CSS

Manual de Referencia de HTML DOMAtributo maxWidth

Ejemplo

Establecer el ancho máximo del párrafo:

p
  {
  max-width:100px;
  }

Prueba por ti mismo

Sintaxis de CSS

max-width: none|length|initial|inherit;

Valor del atributo

Valor Descripción
ninguna Por defecto. No hay límite para el ancho máximo del elemento.
length Define el valor de ancho máximo del elemento.
% Define el ancho máximo en porcentaje basado en el objeto contenedor bloque.
inherit Se debe especificar que el valor de max-width debe ser heredado del elemento padre.

Detalles técnicos

Valor por defecto: ninguna
Herencia: no
Versión: CSS2
Sintaxis de JavaScript: object.style.maxWidth="50px"

Ejemplo TIY

Usar valores en píxeles para establecer el ancho máximo de un elemento
Este ejemplo muestra cómo usar valores en píxeles para establecer la altura máxima de un elemento.
Usar porcentajes para establecer el ancho máximo de un elemento
Este ejemplo muestra cómo usar porcentajes para establecer la altura máxima de un elemento.

Compatibilidad del navegador

Los números en la tabla indican la primera versión de navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0