Propiedad min-width

 min-width



La propiedad min-width se usa para determinar la anchura mínima de un elemento. Previene que la propiedad width puede ser inferior que min-width.

body {
min-width: 980px;
}
http://diccionariowebblog.blogspot.com.ar/2014/09/min-width.html
Imagen de Mozilla Developer


Ejemplo:
#contenedor {
 min-width: 300px;
...
}

boxmodel
Imagen de Compartidisimo

Aplicable a: elementos de tipo bloque.

  • initial: 0
  • inherit: no
  • Porcentajes: se refieren a la anchura del bloque contenedor.

Si se utilizan porcentajes, hace referencia a la anchura del elemento en el que se encuentra

Valores
  • length: puede ser expresado en px, cm, etc.
  • percentage: expresado con "%" es un porcentaje del ancho del elemento contenedor.
  • -moz-max-content: el ancho intrínseco preferido
  • -moz-min-content: el ancho intrínseco mínimo
  • -moz-available: el ancho del contenedor menos el margen horizontal, borde y padding
  • -moz-fit-content: igual que -moz-min-content




Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top