Índice

La composición referida al bloque

1. Las propiedades

Veremos ahora las propiedades que se aplican a los bloques que contienen el texto.

Se puede acceder a estas propiedades en el panel Diseñador de CSS, pestaña Propiedades, categoría Diseño, Borde y Fondo.

2. Las propiedades ancho y alto

Con las propiedades Width y Height de la categoría Diseño, es posible determinar el ancho y alto de los contenedores: párrafos, encabezados, etc. Indique el valor y la unidad que debe utilizarse.

images/18C10-006.png

En este ejemplo, el primer párrafo usa el ancho disponible en la ventana de navegador (no un ancho específico), el segundo párrafo tiene un ancho de 300 px.

images/08sf004.png

Consulte el final del capítulo Hojas de estilo CSS para repasar la noción de caja.

También es posible definir anchos y altos mínimos y máximos que no deben sobrepasarse. Utilice las propiedades min-width, min-height, max-width y max-height.

images/18C10-007.png

3. La propiedad display

Esta propiedad le permitirá modificar la vista predeterminada de los elementos HTML. Existen dos tipos principales de vista:

  • La vista en bloques (block), que muestra los elementos unos bajo los otros. Es el valor de los elementos de tipo párrafo, encabezado, listas, etc.

  • La vista en línea (inline), que muestra los elementos unos al lado de otros en un elemento de tipo bloque. Es la vista de elementos de tipo imagen (<img>), objeto de formulario (<input>), de formato (<strong>), etc.

En la lista desplegable de la propiedad ...