Propiedad height
Labels:
Propiedad
at
jueves, septiembre 11, 2014
►La propiedad height Establece la altura de los elementos de bloque
Valores: Uno y sólo uno de los siguientes valores:
- medida (en px, cm, etc.)
- porcentaje (%)
- auto
- inherit
El porcentaje se calcula con respecto a la altura de de la caja generada bloque que contiene .Si no se especifica la altura del bloque de contención de forma explícita (es decir, que depende de la altura del contenido), y este elemento no está posicionado de forma absoluta, se ignora la altura en porcentaje y se sustituye por el valor auto
Se aplica a Todos los elementos, salvo los elementos en línea que no sean imágenes, las columnas de tabla y los grupos de columnas de tabla.
Para los elementos de bloque y las imágenes, la propiedad height permite establecer su altura directamente mediante una unidad de medida. Cuando no se muestra la altura por defecto calculada por el navegador: auto
Las imágenes son el único elemento en línea para el que se tiene en cuenta la propiedad height. Por lo tanto, establecer la propiedad height de CSS es equivalente a establecer el atributo height de HTML.
Si se utilizan unidades de medida, los valores indicados no pueden ser negativos.
Si establece en un elemento su altura, mediante un porcentaje, se toma como la altura de su elemento contenedor. Pero, si ese elemento contenedor no tiene establecida una altura de forma explícita, se ignora la altura en porcentaje y se sustituye por el valor auto.
Se aplica a Todos los elementos, salvo los elementos en línea que no sean imágenes, las columnas de tabla y los grupos de columnas de tabla.
Para los elementos de bloque y las imágenes, la propiedad height permite establecer su altura directamente mediante una unidad de medida. Cuando no se muestra la altura por defecto calculada por el navegador: auto
Si establece en un elemento su altura, mediante un porcentaje, se toma como la altura de su elemento contenedor. Pero, si ese elemento contenedor no tiene establecida una altura de forma explícita, se ignora la altura en porcentaje y se sustituye por el valor auto.
El navegador determina la altura de cada elemento teniendo en cuenta, entre otros, el tipo de elemento que se trata (de bloque o en línea).
#img{
Ajuste la altura y la anchura de un párrafo:
#contenedor: {
height: 100px;
width: 100px;
}
Ejemplo:
height: 50px;
width: 500px;
}
Si se añaden márgenes, bordes y rellenos, la altura total con la que se muestra el elemento será mayor que el valor de la propiedad height.
✔Nota: Las min-height y max-height propiedades anulan altura.
width: 500px;
}
✔Nota: Las min-height y max-height propiedades anulan altura.
Si te gusta la entrada compártela.
¡Gracias!
Copyright © 2013
Cambio-Cambie Blogger
Diseñado por CCB Desarrollado por Blogger
► 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