CSS - ancho máximo

Descripción

La propiedad max-width se usa para establecer un límite superior en el ancho de un elemento.

Valores posibles

length- Cualquier unidad de longitud. El elemento nunca puede tener un valor de ancho que exceda esta distancia.
percentage - Limita el ancho del elemento para que sea como máximo este porcentaje del ancho del bloque contenedor.
none - No hay límite para el ancho del elemento.

Se aplica a

Todos los elementos HTML, excepto los elementos en línea no reemplazados y los elementos de tabla.

Sintaxis DOM

object.style.maxWidth = "50px"

Ejemplo

Aquí está el ejemplo:

<html>
   <head>
   </head>

   <body>
      <p style = "max-width:100px; height:200px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 200px high and max width is 100px
         This paragraph is 200px high and max width is 100px
         This paragraph is 200px high and max width is 100px
         This paragraph is 200px high and max width is 100px
         This paragraph is 200px high and max width is 100px
      </p>
      
      <img alt = "logo" src = "/images/css.gif" width = "95" height = "84" />
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page