Propiedades del panel Estilo

Crea un mosaico con la imagen de fondo del elemento.

• garantiza que únicamente aparece una copia de la imagen.
• repite la imagen horizontalmente.
• repite la imagen verticalmente.
• crea un mosaico con la imagen tanto horizontal como verticalmente.

Especifica la posición de la imagen de fondo del elemento.

• Para establecer la posición horizontal de la imagen de fondo, introduzca un valor en el cuadro de texto X y seleccione una unidad de medida. También puede seleccionar Izquierda o Derecha en la lista desplegable.
• Para establecer la posición vertical de la imagen de fondo, introduzca un valor en el cuadro de texto Y y seleccione una unidad de medida. También puede seleccionar Arriba o Abajo en la lista desplegable.

Establece el tamaño de fuente. Introduzca un valor en el cuadro de texto Tamaño y seleccione una unidad de medida como em, punto o %. También puede seleccionar un valor predefinido como XX-Pequeño. Seleccione Heredar para utilizar el mismo tamaño de fuente que el elemento principal (por ejemplo, la página o el panel).

Utilice tamaños relativos como em o un porcentaje para permitir que sus usuarios finales cambien el tamaño de la fuente en sus navegadores Web.

Formatea el estilo de fuente del elemento.

• hace que la fuente esté en negrita.
• hace que la fuente esté en negrita y cursiva.
• hace que la fuente esté en cursiva.
• Ninguno elimina los estilos existentes.

Aplica efectos decorativos al texto del elemento. Por ejemplo, puede eliminar el subrayado que suele aparecer debajo de los hipervínculos, el cual es una regla estándar de CSS incorporada en la mayoría de navegadores Web.

• subraya el texto.
• aplica un formato tachado.
• muestra una línea sobre el texto.
• Ninguno elimina la decoración de texto existente.

Alinea el texto del elemento seleccionado.

• alinea el texto a la izquierda.
• alinea el texto a la derecha.
• centra el texto.
• alinea el texto con los márgenes izquierdo y derecho.

Cambia las mayúsculas del texto del elemento.

• pone en mayúsculas el primer carácter de cada palabra.
• pone en mayúsculas todos los caracteres.
• pone en minúsculas todos los caracteres.
• Ninguno elimina el formato de mayúsculas existente.

Coloca los elementos de página fuera del flujo normal del documento. Normalmente, los elementos de una página se representan en los navegadores Web en el orden en que aparecen en el documento. Los elementos de bloque, como las etiquetas p y div, aparecen en líneas separadas, mientras que los elementos en línea, como las etiquetas em, strong y span, se representan junto al texto o junto a otros elementos en línea.

• La opción Absoluto coloca el contenido mediante la configuración de los cuadros de texto Arriba, Abajo, Izquierda y Derecha.
• La opción Relativo representa el elemento de página en el flujo de formato normal, pero mueve la posición relativa del elemento a su posición normal dependiendo de los valores de los cuadros de texto Arriba, Abajo, Izquierda y Derecha. Por ejemplo, si establece la posición izquierda de un elemento en 20 píxeles, el elemento de la página se coloca a 20 píxeles más a la izquierda.

Sustituye el comportamiento de formato predeterminado de un elemento de página. Por ejemplo, puede ocultar elementos de página, hacer que elementos de bloque se representen en línea o hacer que elementos en línea se representen como bloques.

• Ninguno oculta el elemento de página.
• Bloque muestra el elemento de página como un elemento de página de nivel de bloque, con un salto de línea antes y después del elemento.
• En línea, que es el valor predeterminado, muestra el elemento de página como un elemento de página en línea sin ningún salto de línea antes o después del elemento.
• Bloque en línea representa el elemento de página como un rectángulo en línea, pero con contenido que se comporta como si estuviera dentro de un elemento de bloque.

Cuando se utiliza en conjunto con las opciones de posicionamiento Absoluto o Relativo, estas cuatro propiedades colocan los elementos de página fuera del flujo normal del documento. Introduzca un valor en los cuadros de texto según corresponda y seleccione una unidad de medida en las listas desplegables respectivas.

• Arriba establece cuánto está el borde superior de un elemento por encima o por debajo del borde superior del elemento principal.
• Abajo determina cuánto está el borde inferior de un elemento por encima o por debajo del borde inferior del elemento principal.
• Derecha establece cuánto está el borde superior de un elemento a la derecha o a la izquierda del borde derecho del elemento principal.
• Izquierda establece cuánto está el borde izquierdo de un elemento a la derecha o a la izquierda del borde izquierdo del elemento principal.

Especifica el orden en el que los elementos se superponen entre sí cuando se deben representar en el mismo espacio. Un elemento con un valor superior de Índice Z cubre a un elemento con un valor inferior. El valor predeterminado es 0.

Clic y para aumentar y disminuir el índice z, o introduzca un valor en el cuadro de texto.

Hace que un elemento de página flote a la izquierda o a la derecha para que los elementos posteriores (por ejemplo, texto) envuelvan el elemento de página flotante.

• flota el elemento de página a la izquierda.
• flota el elemento de página a la derecha.
• Ninguno elimina una configuración existente de la opción Flotar.

Especifica si el elemento de página seleccionado permite elementos de página flotantes junto a él.

• mueve el elemento de página por debajo de cualquier elemento de página flotante a su izquierda.
• mueve el elemento de página por debajo de cualquier elemento de página flotante a su derecha.
• mueve el elemento de página por debajo de los elementos de página flotantes a cualquier lado.
• Ninguno elimina la configuración existente de la opción Flotar.

Especifica si el elemento de página seleccionado es visible.

• Visible es el valor predeterminado.
• Oculta hace que el elemento de página se oculte y representa un rectángulo invisible en su lugar.
• Contraer se utiliza para ocultar elementos de tabla. (Para otros elementos de página, tiene el mismo resultado que Oculta.)

  Los elementos de página invisibles siguen ocupando el mismo espacio en el formato de la página.

Especifica si el contenido de un elemento de página se recorta cuando se desborda de su área.

• Visible no recorta el contenido.
• Oculta recorta el contenido.
• Desplazamiento recorta el contenido pero proporciona barras de desplazamiento para que los usuarios puedan ver el contenido restante.
• Automático depende del navegador, pero muestra una barra de desplazamiento para ver el resto del contenido.

Al diseñar tablas:

• Contraer utiliza un borde común entre celdas
• Separar proporciona a cada celda su propio borde