Índice

Las propiedades de la caja

1. El texto y la caja

Todos los elementos HTML se muestran en cajas, incluida la selección de texto seleccionada y dotada de estilo con el elemento <span>. Podremos, por tanto, aplicar las propiedades CSS relativas a las cajas: fondo, relleno y borde.

2. La propiedad background-color

Esta propiedad permite aplicar un color de fondo a una selección de palabras.

images/09OWT-06.png

Utilice el selector de color background-color para escoger el color que desea aplicar.

images/09OWT-07.PNG

Confirme el color seleccionado pulsando [Intro].

También puede introducir usted mismo el valor deseado en el campo background-color, indicando la unidad, en hexadecimales con el carácter # en este ejemplo.

images/18C09-013.png

3. La propiedad padding

Se puede acceder a la propiedad padding en la categoría Diseño.

images/09OWT-08.PNG

La propiedad padding permite añadir un espacio entre el límite de la caja y su contenido. Se puede aplicar el mismo valor a los cuatro lados haciendo clic en el botón con forma de cadena situado en el centro del esquema, como vemos en el ejemplo mostrado abajo. De lo contrario, es posible definir valores diferentes para cada lado.

images/18C09-015.png

En este ejemplo tenemos un padding de 5 píxeles en cada lado y un fondo de color.

images/C09-016.png

4. La propiedad margin

La propiedad margin permite añadir un espacio, un margen, en el exterior de la caja.

Se puede acceder a la propiedad margin desde la categoría Diseño. Se puede aplicar el mismo valor a los cuatro lados haciendo clic en el botón con forma de cadena situado ...