CSS - ancho mínimo

Descripción

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

Valores posibles

length- Cualquier unidad de longitud. El elemento nunca puede tener un valor de ancho menor que esta distancia.
percentage - Limita el ancho del elemento para que sea al menos este porcentaje del ancho del bloque contenedor.

Se aplica a

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

Sintaxis DOM

object.style.minWidth = "50px"

Ejemplo

Aquí está el ejemplo:

<html>
   <head>
   </head>

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

Esto producirá el siguiente resultado:

↰ Previous page