martes, 11 de septiembre de 2012

Nuevo artículo en el blog | Pedro Ventura

Nuevo artículo en el blog | Pedro Ventura

Link to Artículos Blog Pedro Ventura

Usar Min/Max Width y Height en CSS

Posted: 10 Sep 2012 04:31 AM PDT

Incluso si estás empezando con CSS, probablemente ya has utilizado las propiedades width y height. Pero te habrás dado cuenta de que esas propiedades pueden poner restricciones innecesarias a los elementos de la página. Por lo que no estaría de más poder beneficiarnos y conocer las propiedades relacionadas al uso de los prefijos “min” y “max”. min-width / min-height Las propiedades min-width y min-height aceptan valores unitarios de la misma manera que las propiedades de height y width, así que no hay diferencia en la sintaxis. Se puede utilizar cualquier unidad aceptable, incluyendo píxeles, ems y porcentajes. Estas propiedades se usa para decirle al navegador que represente un elemento con un tamaño “mínimo”. Un elemento de bloque con las anteriores CSS tendría, por lo menos, unas dimensiones de 200 × 200 píxeles, incluso si el elemento estaba vacío. Sin embargo, ya que los elementos de bloque, por defecto, tienden a expandirse y adaptarse al espacio disponible, sólo el valor de min-height no tendría ningún efecto en muchos casos. Con el siguiente ejemplo, pulsa en los botones “HTML” y “Output” hasta que veas en el...

Continua leyendo el resto desde el artículo fuente. Pulsa sobre el título del artículo!!

No hay comentarios:

Publicar un comentario

Sigue todas las entradas por email